@charset "utf-8";
@import url(font-awesome.min.css);

*{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
html{width:100%; height:100%;}
body{background:#6dbd17 url(../images/bg-2.png) no-repeat center top; width:100%; height:100%; margin:0; padding:0; font:15px/24px "微軟正黑體", Arial ;}
.wrapper{padding-bottom:0;}
a:link, a:visited{display:inline-block; text-decoration:none; outline:none; hlbr:expression(this.onfocus=this.blur());}
a:hover, a:active{text-decoration:none;}
img{border:0; max-width:100%; height:auto; width:auto\9; vertical-align:middle;}
input, textarea{outline:none;}
textarea{resize:none;}
input{vertical-align:middle;}
input[type=submit], input[type=reset], input[type=button], input[type=text]{-webkit-appearance:none; border-radius:0;}
.slicknav_menu{display:none;}
input.select-box{border:1px solid #cbcbcb; padding:5px 3%; width:20px; height:20px; text-align:center; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; margin-bottom:5px;}
.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden;} /* Hides from IE-mac \*/
* html .clearfix{height:1%;} /* End hide from IE-mac */
.pc{display:block;}
.mobile{display:none;}

.home{display:block; position:absolute; top:-35px; right:0; width:25px; height:auto;}
.home_w{display:none;}
.banner{position:relative; width:95%; max-width:1200px; margin:0 auto 15px auto; padding:0 0 13px 0; overflow:hidden; background:url(../images/edm-shadow.png) no-repeat bottom center;}
.banner img{position:absolute; vertical-align:middle; width:100%; height:auto;}
h3.login-title{margin:0 0 10px; font-family:; font:24px/30px "Times New Roman"; color:#9b9b9b;}
.icon-tool{width:40px; height:auto; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}

.wd_tag_purple{display:inline-block; background:#482183; color:#fff; font-weight:normal; padding:5px 10px; border-radius:3px; margin-top:0;}
.wd_tag_purple2{display:inline-block; background:#7b52ad; color:#fff; font-weight:normal; padding:5px 10px; border-radius:3px; margin-top:0;}
.wd_tag_indigo{display:inline-block; background:#1e58a0; color:#fff; font-weight:normal; padding:5px 10px; border-radius:3px; margin-top:0;}
.wd_tag_indigo2{display:inline-block; background:#5b93c7; color:#fff; font-weight:normal; padding:5px 10px; border-radius:3px; margin-top:0;}
.wd_tag_blue{display:inline-block; background:#057a9d; color:#fff; font-weight:normal; padding:5px 10px; border-radius:3px; margin-top:0;}
.wd_tag_blue2{display:inline-block; background:#3cb1c7; color:#fff; font-weight:normal; padding:5px 10px; border-radius:3px; margin-top:0;}
.wd_tag_green{display:inline-block; background:#629300; color:#fff; font-weight:normal; padding:5px 10px; border-radius:3px; margin-top:0;}
.wd_tag_green2{display:inline-block; background:#a6c730; color:#fff; font-weight:normal; padding:5px 10px; border-radius:3px; margin-top:0;}
.wd_tag_yellow{display:inline-block; background:#c4ab01; color:#fff; font-weight:normal; padding:5px 10px; border-radius:3px; margin-top:0;}
.wd_tag_yellow2{display:inline-block; background:#e2d42d; color:#fff; font-weight:normal; padding:5px 10px; border-radius:3px; margin-top:0;}
.wd_tag_orange{display:inline-block; background:#ff5a04; color:#fff; font-weight:normal; padding:5px 10px; border-radius:3px; margin-top:0;}
.wd_tag_orange2{display:inline-block; background:#f79630; color:#fff; font-weight:normal; padding:5px 10px; border-radius:3px; margin-top:0;}
.wd_tag_pink{display:inline-block; background:#f72e5d; color:#fff; font-weight:normal; padding:5px 10px; border-radius:3px; margin-top:0;}
.wd_tag_pink2{display:inline-block; background-color:#ed4e83; color:#fff; font-weight:normal; padding:5px 10px; border-radius:3px; margin-top:0;}
.wd_color_01{color:#629300;}

/* 表單預設文字顏色設定 */
::-webkit-input-placeholder{color:#ddd;}
::-moz-placeholder{color:#ddd;}
:-ms-input-placeholder{color:#ddd;}
input:-moz-placeholder{color:#ddd;}
#field2::-webkit-input-placeholder{color:#333;}
#field3::-webkit-input-placeholder{color:#333; background:lightgreen; text-transform:uppercase;}
#field4::-webkit-input-placeholder{font-style:italic; text-decoration:overline; letter-spacing:3px; color:#333;}
#field2::-moz-placeholder{color:#333;}
#field3::-moz-placeholder{color:#333; background:lightgreen; text-transform:uppercase;}
#field4::-moz-placeholder{font-style:italic; text-decoration:overline; letter-spacing:3px; color:#999;}

/* 手機選單、選單 色塊-變色 */
.slicknav_icon-bar{background-color:#00471f;}
.slicknav_btn:hover .slicknav_icon-bar{background-color:#fff; box-shadow:0 1px 1px rgba(0, 0, 0, 0.75);}
.slicknav_btn:hover .slicknav_menutxt{color:#00471f; text-shadow:0 1px 1px rgba(255, 255, 255, 0.75); font-weight:bold;}
.slicknav_btn{background:#fc0;}
.b-color>li:hover, .b-color>li>ul>li>a:hover, .slicknav_nav .slicknav_row:hover, .slicknav_nav a:hover{background:#fc0; color:#00471f;}
.slicknav_nav>li{}
.slicknav_nav>li.first{border-top:1px solid #666;}
.border-color{border-left:7px solid #a0a0a0;}

/* 類別 */
.m_classLink{display:none;}
.classBox{padding:0 0 50px 0;}

@media screen and (max-width:640px){
.classBox{padding:0 0 20px 0;}
ul.classLink{display:none;}
.m_classLink{display:block; position:relative;}
.m_classLink a.main{display:block; background:none; font-size:15px; font-family:"微軟正黑體", "新細明體", sans-serif; border:1px solid #00471e; color:#00471e; position:relative; padding:10px 30px 10px 10px;}
.m_classLink a.main i{display:block; font-size:15px; background:#00471e; width:30px; height:100%; text-align:center; color:#FFF; line-height:40px; position:absolute; right:0; top:0;}
.m_classLink ul{display:none; margin:0; padding:0; list-style:none; width:100%; background:#FFF; border:1px solid #d1d1d1; position:absolute; left:0; top:100%; z-index:999; box-sizing:border-box;}
.m_classLink ul li{}
.m_classLink ul li a{display:block; padding:15px 10px; border-top:1px solid #d1d1d1; font-family:"微軟正黑體", "新細明體", sans-serif; font-size:15px; color:#222;}
.m_classLink ul li:first-child a{border:none;}
}

.in-left-menu select{display:none;}
@media screen and (max-width:640px){
	.in-left-menu{border-top:none; margin-bottom:20px;}
	.in-left-menu>h1, .in-left-menu>img{display:none;}
	.in-left-menu select{display:block; width:100%; background:#fff; font-size:15px; font-family:"微軟正黑體", "新細明體", sans-serif; border:1px solid #666; color:#666; padding:5px 10px; margin-top:5px;}
}

.remarks{ color:#ccc; font-size:14px;}

/* 上版 */
header{}
.head-main{position:relative; width:95%; max-width:1200px; min-height:135px; margin:0 auto;}

/** LOGO **/
.head-main .logo{float:left; margin:10px 0 0 -12px;}
.head-main .logo a{color:#777;}
.head-main .logo img{width:100%; height:auto;}

/** 連結 **/
.head-tool{float:right; margin:20px 0 0; width:88px; text-align:center; overflow:hidden;}
.head-tool li{list-style:none; margin:0; padding:0px; float:left; width:50%;}
.head-tool li a{display:block; width:35px; height:34px; margin:5px; padding:0; color:#767575; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;}
.head-tool li:first-child a{background:url(../images/tool-icon.png) no-repeat left top;}
.head-tool li:last-child a{background:url(../images/tool-icon.png) no-repeat right top;}
.head-tool li:first-child a:hover{background:url(../images/tool-icon.png) no-repeat left bottom;}
.head-tool li:last-child a:hover{background:url(../images/tool-icon.png) no-repeat right bottom;}

/** 選單 **/
nav{float:right; margin-right:-5px;}
.menu{margin:0; padding:0; list-style:none; margin:0 auto; width:710px;}
.menu>li{color:#fff; width:14.2%; float:left; font-size:16px; text-align:center; position:relative; line-height:41px; height:48px; cursor:pointer;}
.menu>li:nth-child(7n){border-right:0px;}
.menu>li{transition:500ms; -moz-transition:500ms; -webkit-transition:500ms;}
.menu>li:hover{transition:500ms; -moz-transition:500ms; -webkit-transition:500ms;}
.menu>li>a{color:#fff; display:block;}
.menu>li>a:hover{text-decoration:none;}
.menu>li.menu01{background:url(../images/menu.png) no-repeat 0 0; width:114px; text-indent:8px;}
.menu>li.menu02{background:url(../images/menu.png) no-repeat -114px 0; width:95px;}
.menu>li.menu03{background:url(../images/menu.png) no-repeat -209px 0; width:98px;}
.menu>li.menu04{background:url(../images/menu.png) no-repeat -307px 0; width:99px;}
.menu>li.menu05{background:url(../images/menu.png) no-repeat -406px 0; width:92px;}
.menu>li.menu06{background:url(../images/menu.png) no-repeat -498px 0; width:95px;}
.menu>li.menu07{background:url(../images/menu.png) no-repeat -593px 0; width:117px; text-indent:-12px;}
.menu>li.menu01:hover{background:url(../images/menu-h.png) no-repeat 0 0; width:114px; text-indent:8px;}
.menu>li.menu02:hover{background:url(../images/menu-h.png) no-repeat -114px 0; width:95px;}
.menu>li.menu03:hover{background:url(../images/menu-h.png) no-repeat -209px 0; width:98px;}
.menu>li.menu04:hover{background:url(../images/menu-h.png) no-repeat -307px 0; width:99px;}
.menu>li.menu05:hover{background:url(../images/menu-h.png) no-repeat -406px 0; width:92px;}
.menu>li.menu06:hover{background:url(../images/menu-h.png) no-repeat -498px 0; width:95px;}
.menu>li.menu07:hover{background:url(../images/menu-h.png) no-repeat -593px 0; width:117px; text-indent:-12px;}
.menu>li.sub>ul.sub-menu{background:rgba(0,0,0,0.5); display:none; position:static; z-index:999; margin:0; padding:0; -webkit-border-radius:0 0 5px 5px; -moz-border-radius:0 0 5px 5px; border-radius:0 0 5px 5px; overflow:hidden;}
.menu>li.sub:hover ul.sub-menu{position:absolute; display:block; width:100%; left:0; top:47px;}
.menu>li.sub>ul.sub-menu>li{display:block; border-top:1px #fff dotted;}
.menu>li.sub>ul.sub-menu:hover li{display:block;}
.menu>li.sub>ul.sub-menu>li>a{display:block; color:#fff;}
.menu>li.sub>ul.sub-menu>li>a:hover{background:#3cace3;}
 
/** make keyframes that tell the start state and the end state of our object **/
@-webkit-keyframes fadeIn{
	from{opacity:0;}
	to{opacity:1;}
}
@-moz-keyframes fadeIn{
	from{opacity:0;}
	to{opacity:1;}
}
@keyframes fadeIn{
	from{opacity:0;}
	to{opacity:1;}
}
.fade-in{opacity:0;  /* make things invisible upon start */
	-webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
	-moz-animation:fadeIn ease-in 1; animation:fadeIn ease-in 1; -webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity:1)*/
	-moz-animation-fill-mode:forwards; animation-fill-mode:forwards; -webkit-animation-duration:0.3s; -moz-animation-duration:0.3s; animation-duration:0.3s;}

/** 分校查詢+Top **/
.fixedblock{position:fixed; right:10px; bottom:10px; z-index:999999; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; border:1px solid #fff; box-shadow:0 0 6px #fff; overflow:hidden; background-color:#fc0;}
.fixedblock a{display:block; width:45px; line-height:1em; color:#333; font-size:15px; font-weight:bold; text-align:center; background-color:#fc0; padding:10px; -webkit-border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0;}
.fixedblock a:hover{background-color:#ffba00;}
.fixedblock a span{font-size:25px; color:#fff; margin-bottom:5px; padding-bottom:5px; border-bottom:1px solid #fff;}
.fixedblock a#goTop{background-color:rgba(0,71,30,1); color:#fff; font-weight:normal; font-size:12px; -webkit-border-radius:0 0 5px 5px; -moz-border-radius:0 0 5px 5px; border-radius:0 0 5px 5px;}
.fixedblock a#goTop:hover{background-color:#003818;}
.fixedblock a#goTop span{margin-bottom:0; padding-bottom:0; border-bottom:none;}

/* 下版 */
footer{background:url(../images/foot-top.png) no-repeat top center; padding-top:68px;}
footer .wrapper{background-color:#fff; max-width:2000px; margin:0 auto;}
footer .f-info{display:inline-block;}
footer .footer-main{width:95%; max-width:1200px; margin:0 auto; padding:20px 0; background-color:#fff;}
footer .footer-main .f-logo{float:left; margin:0 10px 0 0;}
footer .footer-main .f-infor{color:#00471f; float:left; font-size:14px; line-height:22px;}
footer .footer-main .f-infor h3{margin:5px 0 5px 0; font-size:20px; font-weight:normal;}
footer .footer-main .copytight{font-size:12px; color:#00471f; text-align:right; float:right; margin:6px 0 0;}
@media screen and (max-width:850px){
	footer .f-info{display:block;}
	footer .footer-main .copytight{width:100%; text-align:left; padding:0;}
}

/* 首頁-主題區:關於西凱華頓, 國際課程, 線上學習 */
.i-subject{}
.i-subject ul{margin:0; padding:0; list-style:none;}
.i-subject ul li{margin:0; padding:0; float:left; width:34.08%;}
.i-subject ul li:last-child{width:31.84%;}
@media screen and (max-width:740px){
	.i-subject ul li{margin:0; padding:0; float:left; width:52%; text-align:center;}
	.i-subject ul li:nth-child(2){margin:0; padding:0; float:left; width:48%;}
	.i-subject ul li:last-child{width:100%;}
}
@media screen and (max-width:520px){
	.i-subject ul li{width:100%;}
	.i-subject ul li:nth-child(2){width:100%;}
}

.i-subject ul li div{margin-right:6.14%; padding:17px; border-radius:15px;}
@media screen and (max-width:740px){
	.i-subject ul li div{margin-bottom:20px; margin-right:7.69%;}
	.i-subject ul li:nth-child(2) div{margin-right:0;}
}
@media screen and (max-width:520px){
	.i-subject ul li div{margin-right:0;}
}

.i-subject ul li:nth-child(1) div{background-color:#ffc600;}
.i-subject ul li:nth-child(2) div{background-color:#f60;}
.i-subject ul li:nth-child(3) div{background-color:#09c; margin-right:0;}
.i-subject ul li h1{margin:0 0 15px; padding:8px 16px; font-size:24px; line-height:24px; color:#fff; border-radius:10px;}
.i-subject ul li:nth-child(1) div h1{background-color:#ff9a00;}
.i-subject ul li:nth-child(2) div h1{background-color:#ff2900;}
.i-subject ul li:nth-child(3) div h1{background-color:#005ca3;}
.i-subject ul li h1 span{display:inline-block; font-weight:normal; font-size:18px; margin-left:7px;}
@media screen and (max-width:1250px){
	.i-subject ul li h1 span{display:block;}
}
@media screen and (max-width:1000px){
	.i-subject ul li h1{text-align:center;}
	.i-subject ul li h1 span{font-size:13px;}
}
@media screen and (max-width:520px){
	.i-subject ul li h1 span{font-size:18px;}
}

.i-subject ul li:nth-child(1) div h1 span{color:#f7df7f;}
.i-subject ul li:nth-child(2) div h1 span{color:#fdaa72;}
.i-subject ul li:nth-child(3) div h1 span{color:#6ed6f9;}
.i-subject ul li img{border-radius:10px; margin-bottom:20px;}
.i-subject ul li p{font-size:15px; line-height:24px; color:#fff; max-height:8em; overflow:hidden;}
.i-subject ul li div.more{text-align:center; padding:0;}
.i-subject ul li div.more a{min-width:28px; height:28px; line-height:28px; color:#fff; font-size:24px; font-family:Arial; border:1px solid rgba(255,255,255,.5); text-align:center; padding:0 3px; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;}
.i-subject ul li div.more a:hover{padding:0 7px;}
.i-subject ul li div.more a span{display:none; font-size:16px; line-height:28px; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;}
.i-subject ul li div.more a:hover span{display:inline-block; vertical-align:middle;}
.i-subject ul li:nth-child(1) div.more a:hover{background-color:#ff9a00; border:1px solid #ff9a00;}
.i-subject ul li:nth-child(2) div.more a:hover{background-color:#ff2900; border:1px solid #ff2900;}
.i-subject ul li:nth-child(3) div.more a:hover{background-color:#005ca3; border:1px solid #005ca3;}

/* 首頁-最新消息 */
.i-news{background:#1b7a7a url(../images/i-news-bg.png) no-repeat right center; height:266px; overflow:hidden; border-radius:15px; padding:19px 30px;}
.i-news .in-top{border-bottom:1px solid #359595; width:calc(100% - 403px); margin-bottom:27px;}
.i-news .in-top h1{margin:0; padding:0; background:url(../images/icon-news.png) no-repeat; padding-left:48px; float:left; font-size:24px; height:33px; line-height:33px; margin-bottom:8px; color:#fff; }
.i-news .in-top h1 span{font-size:18px; color:#53c1c1;}
.i-news .in-top .more{float:right; margin-top:8px;}
.i-news .in-top .more a{font-size:12px; line-height:18px; color:#fff; padding:0 7px; border:1px solid rgba(255,255,255,.5); -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;}
.i-news .in-top .more a:hover{color:#ffc600; background-color:#015151;}
.i-news .in-list{}
.i-news .in-list ul{margin:0; padding:0; list-style:none; width:calc(100% - 403px); height:144px; overflow:hidden;}
.i-news .in-list ul li{margin:0 0 -4px; padding:0;}
.i-news .in-list ul li a{font-size:15px; line-height:24px; width:100%;}
.i-news .in-list ul li a .date{display:inline-block; color:#66b3b3; float:left;}
.i-news .in-list ul li:hover a .date{color:#10c8c8;}
.i-news .in-list ul li a .title{display:inline-block; color:#fff; float:left; width:calc(100% - 96px); margin-left:10px; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;}
@media screen and (max-width:500px){
	.i-news .in-list ul li a .title{display:block; width:100%;}
}
.i-news .in-list ul li:hover a .title{color:#ffc600;}
@media screen and (max-width:800px){
	.i-news{background-image:none; height:auto;}
	.i-news .in-top{width:100%;}
	.i-news .in-list ul{width:100%; height:auto;}
}

/* 首頁-YouTube影片播放 */
.im-youtube{width:320px; height:293px; float:left; border-radius:10px; overflow:hidden;}
@media screen and (max-width:750px){
	.im-youtube{width:100%; height:293px; float:left; border-radius:10px; overflow:hidden; margin-bottom:40px;}
}
.im-youtube h1{margin:0; padding:0 20px; font-size:20px; line-height:56px; color:#fff; background:#f00;}

/* 首頁-活動照片 */
.im-photos{width:calc(100% - 354px); float:right; border-radius:10px; overflow:hidden;}
@media screen and (max-width:750px){
	.im-photos{width:100%;}
}
.im-top{background-color:#4f8a0d;}
.im-photos h1{margin:0; padding:0; background:url(../images/icon-photos.png) no-repeat 24px center; float:left; font-size:24px; line-height:56px; color:#fff; padding-left:74px;}
.im-photos h1 span{font-size:18px; color:#b6ec7b;}
.im-photos .more{float:right; margin:15px 20px 0 0;}
.im-photos .more a{padding:0 8px; font-size:18px; line-height:31px; background-color:#3f6e0a; color:#fff; border-radius:15.5px; text-align:center; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;}
.im-photos .more a:hover{padding:0 10px;}
.im-photos .more a span{display:none;}
.im-photos .more a:hover span{display:inline-block; font-size:15px;}
.im-photos .carousel-container{position:relative; padding:20px 40px 0; background-color:#fff;}
.im-photos .carousel-container ul#carousellatest{margin:0; padding:0; list-style:none;}
.im-photos .carousel-container ul#carousellatest>li{margin:0 10px; text-align:center; float:left; background:url(../images/index-product-li-bg.png) no-repeat; overflow:hidden;}
@media screen and (max-width:1200px){
	.im-photos .carousel-container ul#carousellatest>li{margin-top:10px;}
}
@media screen and (max-width:1100px){
	.im-photos .carousel-container ul#carousellatest>li{margin-top:15px;}
}
@media screen and (max-width:1050px){
	.im-photos .carousel-container ul#carousellatest>li{margin-top:10px;}
}

.im-photos .carousel-container ul#carousellatest>li>a{display:block; text-decoration:none; width:100%; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;}
.im-photos .carousel-container ul#carousellatest>li>a:hover{padding:3px;}

.im-photos .carousel-container ul#carousellatest>li>a>img{width:100%; height:auto;}
.im-photos .carousel-container ul#carousellatest>li>a>h4{margin:8px 0 0; padding:0; font-size:14px; line-height:20px; color:#333; height:40px; overflow:hidden; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;}
.im-photos .carousel-container ul#carousellatest>li>a:hover>h4{font-size:15px; font-weight:bold; color:#333;}
.im-photos .carousel-container ul#carousellatest>li>a>p{font:13px/20px "微軟正黑體", Arial ; color:#fff;}
.im-photos .carousel-container a.prev{display:block; position:absolute; left:-16px; top:92px; background:#366404 url(../images/arrow-left.png) no-repeat 20px center; width:40px; height:40px; border-radius:20px;}
.im-photos .carousel-container a.next{display:block; position:absolute; right:-16px; top:92px; background:#366404 url(../images/arrow-right.png) no-repeat 10px center; width:40px; height:40px; border-radius:20px;}
.im-photos .carousel-container a.disabled.prev{opacity:0;}
.im-photos .carousel-container a.disabled.next{opacity:0;}
.im-photos .carousel-container a.disabled.prev{cursor:default;}
.im-photos .carousel-container a.disabled.next{cursor:default;}
.im-photos .carousel-container a.prev span{color:rgb(241, 241, 241);}
.im-photos .carousel-container a.next span{color:rgb(241, 241, 241);}
.im-photos .carousel-container li:hover .latest-item{box-shadow:0px 7px 0px #67562f; -webkit-box-shadow:0px 7px 0px #67562f; -moz-box-shadow:0px 7px 0px #67562f;}
.im-photos .carousel-container li:hover .overthumb{top:0px; opacity:0.7;}
.im-photos .carousel-container li:hover .carousel-icon{top:40%; opacity:1;}


/* 首頁-友情連結 */
.i-link{border-radius:15px; background-color:#ffc600; padding:15px 20px;}
.i-link .il-top{border-bottom:1px solid #ffe100; margin-bottom:19px;}
.i-link .il-top h1{float:left; margin:0; font-size:24px; color:#333; background:url(../images/icon-links.png) no-repeat left center; padding-left:56px; height:40px; line-height:40px;}
.i-link .il-top h1 span{font-size:18px; color:#fff;}
.i-link .il-top .more{float:right;}
.i-link .il-top .more a{padding:0 8px; font-size:18px; line-height:30px; background-color:#cc9e00; color:#fff; border-radius:15px; text-align:center; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;}
.i-link .il-top .more a:hover{padding:0 10px;}
.i-link .il-top .more a span{display:none;}
.i-link .il-top .more a:hover span{display:inline-block; font-size:15px;}
.i-link ul{margin:0; padding:0; list-style:none;}
.i-link ul li{margin:0 1.376% 0 0; padding:0; float:left; width:15.52%; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;}
.i-link ul li:last-child{margin-right:0;}
.i-link ul li a{}
.i-link ul li a img{border:1px solid #fff; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;}
.i-link ul li a:hover img{border:1px solid #a75f02;}
.i-link ul li a h1{margin:6px 0 20px; padding:0; font-size:14px; line-height:20px; color:#fefefe; text-align:center; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;}
.i-link ul li a:hover h1{font-size:15px; font-weight:bold; color:#a75f02;}
@media screen and (max-width:1100px){
	.i-link ul li{width:32.41%; }
	.i-link ul li:nth-child(3n+3){margin-right:0;}
	.i-link ul li a{width:100%; text-align:center;}
}
@media screen and (max-width:600px){
	.i-link ul li{width:49.31%;}
	.i-link ul li:nth-child(3n+3){margin-right:1.376%;}
	.i-link ul li:nth-child(2n+2){margin-right:0;}
}

/* 友情連結 */
.in-link ul { list-style: none; padding: 0; margin: 0;}
.in-link ul li{ background: #ffffff; border: 1px #D1D1D1 solid;  margin:1%; height: 120px; padding:0; float:left; width:18%; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;}

.in-link ul li a { padding: 5px;}
.in-link ul li a img{border:1px solid #fff; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;}
.in-link ul li a:hover img {border:1px solid #a75f02;}
.in-link ul li a h1{margin:6px 0 20px; padding:0; font-size:14px; line-height:20px; color:#333333; text-align:center; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;}
.in-link ul li a:hover h1{font-size:15px; font-weight:bold; color:#a75f02;}
@media screen and (max-width:1100px){
	.in-link ul li{width:31.333%; }
	.in-link ul li a{width:100%; text-align:center;}
}
@media screen and (max-width:600px){
	.in-link ul li{width:100%; margin: 5px 0;}

}

/* 關於 C.K. */

/* 最新消息 */

/* 國際課程 */
.nav-tabs > li.active > a{background-color:#629300; color:#fff;}
.tab-pane.active>ul{list-style:none; padding-left:0;}
.tab-pane.active>ul li h3{font-weight:bold;}

/* 線上學習 */

/* 分校專區 */

/* 品牌合作 */

/** 品牌資源 **/
.brandsource{}
.brandsource .bs{border-radius:10px; overflow:hidden; width:45%; margin:2.5%; float:left;}
.brandsource .bs h1{margin:0; padding:0 1em; font-size:15px; font-weight:normal; line-height:45px; color:#fff; background-color:#00471e; border-radius:10px 10px 0 0; border-bottom:1px solid #fff;}
.brandsource .bs h1 span{border-radius:50%; background-color:rgba(255,255,255,.3); padding:5px; margin-right:10px;}

/* 聯絡我們 */














/* 訂單列表 */
.order-search{padding-left:30px;}
.order-list{padding-left:30px;}
.order-list td{text-align:center; font-size:12px; line-height:1.5em; padding:5px 10px; border-bottom:1px dotted #ccc; border-right:1px dotted #ccc;}
.order-list img.pro-photo{width:90px; height:90px; padding:10px; border:1px #ccc solid;}
.order-list .order-list-th{font-size:15px; color:#fff; text-align:center; line-height:25px;}
.order-list .order-list-td{font-size:15px; color:#333; text-align:center;}
.order-list .price{font-size:15px; color:#900;}
.order-list .numb{font-size:15px; color:#788bac; text-align:left;}
.order-list .numb a{color:#788bac;}
.order-list .count{font-size:15px; color:#333;}
.order-list .count-portal{padding:10px 0; border-bottom:1px #ccc dotted; margin-bottom:20px;}
.count-price{font-size:24px; font-family:Verdana; color:#900; font-weight:bold;}
.order-list .portal{display:block; width:200px; font-size:15px; color:#900; float:right; text-align:right;}
.order-list .freight{display:block; width:150px; font-size:15px; color:#900; float:right; text-align:right;}
.oproject{display:none; color:#900;}
ul.order-list{list-style:none; margin:0; padding:0;}
ul.order-list li{border-bottom:1px #ccc dotted; padding:5px 0;}
ul.order-list li:nth-child(odd){background:#F5F5F5;}
ul.order-list li.th{background:#666; color:#fff; text-shadow:-1px -1px 0 #333; padding:3px 0; -webkit-border-radius:2px 2px 0 0; -moz-border-radius:2px 2px 0 0; border-radius:2px 2px 0 0; border:0;}
.th .order-list-img, .th .order-list-name, .th .order-list-price, .th .order-list-quantity, .th .order-list-subtotal, .th .order-list-del{padding-top:5PX;}
.order-list-img{float:left; width:10%; display:table-cell; font-size:15px; vertical-align:middle; text-align:center;}
.order-list-img02{float:left; width:10%; display:table-cell; font-size:15px; padding-top:5px; vertical-align:middle; text-align:center;}
.sorder-list-img img{width:90px; height:auto; padding:5%; border:1px #ccc solid; margin:5%; text-align:center;}
.order-list-del a{color:#fff; padding:3px 10px; line-height:1.5em; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:rgb(248,80,50); background:-moz-linear-gradient(top, rgba(248,80,50,1) 0%, rgba(241,111,92,1) 50%, rgba(246,41,12,1) 51%, rgba(240,47,23,1) 71%, rgba(231,56,39,1) 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(248,80,50,1)), color-stop(50%, rgba(241,111,92,1)), color-stop(51%, rgba(246,41,12,1)), color-stop(71%, rgba(240,47,23,1)), color-stop(100%, rgba(231,56,39,1))); background:-webkit-linear-gradient(top, rgba(248,80,50,1) 0%, rgba(241,111,92,1) 50%, rgba(246,41,12,1) 51%, rgba(240,47,23,1) 71%, rgba(231,56,39,1) 100%); background:-o-linear-gradient(top, rgba(248,80,50,1) 0%, rgba(241,111,92,1) 50%, rgba(246,41,12,1) 51%, rgba(240,47,23,1) 71%, rgba(231,56,39,1) 100%); background:-ms-linear-gradient(top, rgba(248,80,50,1) 0%, rgba(241,111,92,1) 50%, rgba(246,41,12,1) 51%, rgba(240,47,23,1) 71%, rgba(231,56,39,1) 100%); background:linear-gradient(to bottom, rgba(248,80,50,1) 0%, rgba(241,111,92,1) 50%, rgba(246,41,12,1) 51%, rgba(240,47,23,1) 71%, rgba(231,56,39,1) 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f85032', endColorstr='#e73827', GradientType=0 );}
.order-list-del a:hover{background:rgb(255,48,25); background:-moz-linear-gradient(top, rgba(255,48,25,1) 0%, rgba(207,4,4,1) 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,48,25,1)), color-stop(100%, rgba(207,4,4,1))); background:-webkit-linear-gradient(top, rgba(255,48,25,1) 0%, rgba(207,4,4,1) 100%); background:-o-linear-gradient(top, rgba(255,48,25,1) 0%, rgba(207,4,4,1) 100%); background:-ms-linear-gradient(top, rgba(255,48,25,1) 0%, rgba(207,4,4,1) 100%); background:linear-gradient(to bottom, rgba(255,48,25,1) 0%, rgba(207,4,4,1) 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404', GradientType=0 );}
.order-ditaile-info{padding:0 0 0 40px; font-size:15px; color:#333; line-height:1.5em;}
.jump-window-box{max-width:500px; margin:0 auto; padding:0 20px 20px; margin-top:20px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}

/* 會員登入 */
.member-login-box{max-width:500px; margin:0 auto 20px auto; padding:20px; margin-top:20px;}

/* 購物車 */
.cart-body{max-width:1000px; margin:0 auto;}
.shopping-car{padding-left:30px;}
th.shopping-car-th{background:#69C; font-size:15px; color:#fff; text-align:center; line-height:25px; border-right:1px #fff dotted;}
.shopping-car td{text-align:center; font-size:12px; line-height:1.5em; padding:5px 10px; border-bottom:1px #ccc dotted; border-right:1px #ccc dotted;}
.shopping-car img.pro-photo{width:90px; height:90px; padding:10px; border:1px #ccc solid;}
.shopping-car .pro-name{font-size:15px; color:#333; text-align:left;}
.shopping-car .price{font-size:15px; color:#900;}
.shopping-car .numb{font-size:15px; color:#66F;}
.shopping-car .count{font-size:15px; color:#333;}
.shopping-car .count-portal{padding:10px 0; border-bottom:1px #ccc dotted; margin-bottom:20px;}
W.count-price{font-size:24px; font-family:Verdana; color:#900; font-weight:bold;}
.shopping-car .portal{display:block; width:200px; font-size:15px; color:#900; float:right; text-align:right;}
.shopping-car .freight{display:block; width:150px; font-size:15px; color:#900; float:right; text-align:right;}
ul.shopping-car-list{list-style:none; margin:0; padding:0;}
ul.shopping-car-list li{border-bottom:1px #ccc dotted; padding:5px 0;}
ul.shopping-car-list li.th{background:#777; color:#fff; text-shadow:-1px -1px 0 #393939; min-height:0px; padding:5px 0; border:0; -webkit-border-radius:3px 3px 0 0; -moz-border-radius:3px 3px 0 0; border-radius:3px 3px 0 0;}
.th .shop-car-img, .th .shop-car-name, .th .shop-car-price, .th .shop-car-quantity, .th .shop-car-subtotal, .th .shop-car-del{padding-top:5PX;}
.shop-car-img{display:table-cell; font-size:15px; vertical-align:middle; text-align:center;}
.shop-car-img img{width:90px; height:auto; padding:5%; border:1px #ccc solid; margin:5%; text-align:center;}
.shop-car-name{display:table-cell; padding-top:50PX; font-size:15px; vertical-align:middle; text-align:center;}
.shop-car-price{display:table-cell; padding-top:50PX; font-size:15px; vertical-align:middle; text-align:center;}
.shop-car-quantity{display:table-cell; padding-top:50PX; font-size:15px; vertical-align:middle; text-align:center;}
.shop-car-subtotal{display:table-cell; padding-top:50PX; font-size:15px; vertical-align:middle; text-align:center;}
.shop-car-del{display:table-cell; padding-top:50PX; font-size:15px; vertical-align:middle; text-align:center;}
.shop-car-del a{color:#fff; padding:3px 10px; line-height:1.5em; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:rgb(248,80,50); background:-moz-linear-gradient(top, rgba(248,80,50,1) 0%, rgba(241,111,92,1) 50%, rgba(246,41,12,1) 51%, rgba(240,47,23,1) 71%, rgba(231,56,39,1) 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(248,80,50,1)), color-stop(50%, rgba(241,111,92,1)), color-stop(51%, rgba(246,41,12,1)), color-stop(71%, rgba(240,47,23,1)), color-stop(100%, rgba(231,56,39,1))); background:-webkit-linear-gradient(top, rgba(248,80,50,1) 0%, rgba(241,111,92,1) 50%, rgba(246,41,12,1) 51%, rgba(240,47,23,1) 71%, rgba(231,56,39,1) 100%); background:-o-linear-gradient(top, rgba(248,80,50,1) 0%, rgba(241,111,92,1) 50%, rgba(246,41,12,1) 51%, rgba(240,47,23,1) 71%, rgba(231,56,39,1) 100%); background:-ms-linear-gradient(top, rgba(248,80,50,1) 0%, rgba(241,111,92,1) 50%, rgba(246,41,12,1) 51%, rgba(240,47,23,1) 71%, rgba(231,56,39,1) 100%); background:linear-gradient(to bottom, rgba(248,80,50,1) 0%, rgba(241,111,92,1) 50%, rgba(246,41,12,1) 51%, rgba(240,47,23,1) 71%, rgba(231,56,39,1) 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f85032', endColorstr='#e73827', GradientType=0 );}
.shop-car-del a:hover{background:rgb(255,48,25); background:-moz-linear-gradient(top, rgba(255,48,25,1) 0%, rgba(207,4,4,1) 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,48,25,1)), color-stop(100%, rgba(207,4,4,1))); background:-webkit-linear-gradient(top, rgba(255,48,25,1) 0%, rgba(207,4,4,1) 100%); background:-o-linear-gradient(top, rgba(255,48,25,1) 0%, rgba(207,4,4,1) 100%); background:-ms-linear-gradient(top, rgba(255,48,25,1) 0%, rgba(207,4,4,1) 100%); background:linear-gradient(to bottom, rgba(255,48,25,1) 0%, rgba(207,4,4,1) 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404', GradientType=0 );}
.shopping-car .oproject{font-size:15px; color:#000; display:none; font-weight:bold;}
.checkout-box{background:#eee; padding:10px; margin-left:30px; border-bottom:2px #FFF dotted;}
.checkout-box h3{background:#999; border-left:5px #333 solid; font-size:18px; color:#fff; text-shadow:-1px -1px 0 #666; line-height:30px; padding-left:20px; font-weight:500;}
.check-box{padding:5px; font-size:15px; color:#000;}
.check-box a{color:#000;}
.check-box a:hover{color:#960;}
.appointment{max-width:600px; margin:0 auto;}
.appointment-title{text-align:center;}

/* 產品專區 */
.search{padding:0 10px;}
.search-input{padding:10px 0; position:relative;}
.search-input img{position:absolute; right:0; top:10px;}
.search input{background:#e8d5d5; font-size:15px; color:#737946; padding:5px 0 5px 5%; line-height:31px; height:31px; width:85%; -webkit-border-radius:5px 0 0 5px; -moz-border-radius:5px 0 0 5px; border-radius:5px 0 0 5px; border:0; margin:0 10% 0 0; right:70px; vertical-align:middle;}
.search img{vertical-align:middle;}
.pro-store-info{font-size:13px; line-height:1.5em; color:#666; padding:10px 0 10px 35px; border-bottom:1px #ccc dotted; margin-bottom:20px;}
.pro-search-info{font-size:18px; color:#64691F; line-height:1.5em; border-bottom:1px #ccc dotted; margin-bottom:20px; text-align:center; padding-bottom:10px;}
.pro-list ul{max-width:1000px; margin:0 auto; padding:0; list-style:none;}
.pro-list ul li{width:25%; padding:1%; text-align:center; float:left;}
.pro-list ul li:hover{background:#f8f6f6;}
.pro-list ul li h4{font-size:15px; color:#504f4d; line-height:1.5em; font-weight:normal; padding:5px 0 5px 0; margin:0;}
.pro-photo{background:#fff; width:100%; display:table; position:relative;}
.pro-photo a{display:table-cell; height:200px; vertical-align:middle; text-align:center;}
.pro-photo img.index-pro-img{width:auto; height:auto; max-width:100%; max-height:100%;}
.pro-list ul li .index-pro-store{color:#938c83; line-height:1.5em; padding:10px 0; display:block; ;}
.pro-list ul li .index-pro-price{color:#b83400; font-size:18px; padding:0 0 10px 0; display:block;}
.pro-detaile{padding-left:30px;}
h3.pro-detaile-title{border-bottom:1px #ccc dotted; font-size:20px; color:#333; line-height:30px; margin-bottom:20px; padding-bottom:10px; font-weight:normal;}
.pro-detaile .pro-photo{background:#fff; width:100%; margin:0 0 10px 0; padding:0;}
.pro-detaile .pro-photo img{width:100%; height:auto;}
.pro-specification{font-size:12px; line-height:1.5em; color:#333; position:relative; margin-bottom:10px;}
.pro-content{padding:0px 0; font-size:12px; line-height:1.5em; color:#999; clear:both;}
.pro-content p.spec{margin:0; padding:0; font-size:12px; line-height:1.5em; color:#333;}
h3.pro-introduce{font-weight:normal; border-top:1px #ccc dotted; border-bottom:1px #ccc solid; border-left:5px #900 solid; padding:5px 0 5px 20px; font-size:20px; color:#333;}
.pro-qr-code img{width:100px; height:auto;}
.cart-info{vertical-align:middle;}
.cart-info .price{font-size:28px; font-weight:bold; text-align:right; margin:20px 0; color:#F00; vertical-align:middle; display:block;}
.cart-info .quantity{font-size:16px; color:#333; vertical-align:middle; display:block; padding:10px 0; line-height:30px;}
.cart-info .quantity select{line-height:25px;}
.check-out{text-align:center; vertical-align:middle; display:block;}
.check-out a{display:block; vertical-align:middle; font-size:13px; min-width:130px; color:#333; padding:5px 10px; margin:10px 0; text-shadow:-1px -1px 0 #fff; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; background:#fff; border:1px #D4D4D4 solid;}
.check-out a:hover{background:#D4D4D4; text-shadow:-1px -1px 0 #A2A2A2; color:#333;}
.check-out a img{vertical-align:middle; margin-right:10px;}
.cart-btn{padding:10px 0; text-align:center; margin-top:20px;}
.size{margin:5px 0; padding:7px 0; border-bottom:1px #DFDFDF solid; border-top:1px #DFDFDF solid;}
.size ul{list-style:none; margin:0 auto; padding:0;}
.size ul li{background:#AAAAAA; font-size:12px; color:#ffffff; margin:0 2px; float:left; cursor:pointer; width:25px; line-height:25px; text-align:center;}
.size ul li:hover{background:#5E9BC7;}
.size ul li.active{background:#5E9BC7;}
.size ul li.none{background:#E7E7E7;}
.size ul li.title{background:none; font-size:15px; color:#575757; width:auto;}

/* 產明細圖片特效樣式 */
.slider-wrap{width:100%;}
.stripViewer .panelContainer{width:400% !important;}
.stripViewer .panelContainer .panel ul{text-align:left; margin:0 15px 0 30px; width:100%;}
.stripViewer{position:relative; overflow:hidden; width:100%; height:auto;}
.stripViewer .panelContainer{position:relative; left:0; top:0; width:400%;}
.stripViewer .panelContainer .wrapper{width:100%;}
.stripViewer .panelContainer img{width:100%; height:auto;}
.stripViewer .panelContainer .panel{float:left; position:relative;}
.stripNavL, .stripNavR, .stripNav{display:none; width:100%;}
.slider-wrap a{height:auto;}
.nav-thumb{margin-right:5px;}
#movers-row{margin:5px 0 0 0; width:101%;}
#movers-row div{width:25%; float:left; padding-right:1%;}
#movers-row div a.cross-link{float:right;}
.photo-meta-data{background:url(/html/ezcatfiles/myweb62/img/img/60175/transpBlack.png); padding:10px; height:30px; margin-top:-50px; position:relative; z-index:9999; color:white;}
.photo-meta-data span{font-size:13px;}
.cross-link{display:block; margin-top:0px; position:relative; padding-top:0px;}
.active-thumb{background:transparent url(/html/ezcatfiles/myweb62/img/img/60175/icon-uparrowsmallwhite.png) top center no-repeat;}
.panel{width:25%;}

/* 聯絡我們 */
.contact-body{padding:0 30px; font-size:15px; line-height:1.6em; color:#333;}
.contact-note{margin-bottom:20px; font-size:15px; font-weight:bold; color:#f00; text-align:center;}
.contact-left img{width:100%; height:auto; margin-top:10px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}
.btn-send{font-size:13px;}
a.btn-send{display:inline-block; background:#333; padding:0 10px; text-align:center; font-size:15px; color:#fff; width:auto; margin:2px; line-height:26px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
a.btn-send:hover{background:#666;}
a.btn-reset{display:inline-block; background:#333; padding:0 10px; text-align:center; font-size:15px; color:#fff; width:auto; margin:2px; line-height:26px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
a.btn-reset:hover{background:#666;}
a.btn-send-over{background:#79919F; padding:3px 20px; text-align:center; font-size:15px; color:#fff; width:100px; margin:2px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
a.btn-send-over:hover{background:#63AEBD;}
img.code{vertical-align:middle;}
.map{padding:30px 30px 15px 30px;}

/* FAQ */
.faq ul{margin:0; padding:0; list-style:none;}
.faq ul li{border-bottom:1px #fff solid;}
.faq ul li .qa_title{background:#DDDCD7; font-weight:normal; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; border-left:8px #333 solid;}
.faq ul li a{color:#333; font-size:15px; display:block; padding:10px 0 10px 10px; text-shadow:1px 1px 0 #fff;}
.faq ul li a:hover{background:#C5C4B7; color:#fff; text-shadow:-1px -1px 0 #666;}
.faq ul li .qa_content{border-top:1px #ccc dotted; padding:10px 0 20px 25px; font-size:13px; line-height:1.5em; color:#666;}

/* 最新消息 */
.news ul{margin:0; padding:0; list-style:none;}
.news .thumbnail{border:none; border-bottom:1px solid #ddd; border-radius:0; background:transparent;}
.news .thumbnail .news-photo{background:url(../images/bg-news-photo.png);}
.news .thumbnail .news-photo>img{margin-left:0; max-width:100%; height:auto; max-height:250px;}
.opacl{font-size:12px; line-height:20px; padding-bottom:10px;}
.opacl a{background:#888888; color:#fff; padding:3px 10px; margin:0 5px; -webkit-border-radius:5px 5px 0 0px; -moz-border-radius:5px 5px 0 0px; border-radius:5px 5px 0 0px;}
.opacl a:hover{background:#699;}
a.close_qa{font-size:12px;}

/* news-list  最新消息 */
.news-list{list-style:none;}
.news-list li{clear:both; border-bottom:1px #E3E3E3 dotted;}
.news-list li span{float:left; width:130px; line-height:25px; display:block; padding:7px 0 7px 30px; color:#A6A6A6;}
.news-list li .news-lis-cont{margin:0 0 0 130px; padding:7px 0;}
.news-list li .news-lis-cont a{color:#333; display:block;}
.news-list li .news-lis-cont a:hover{color:#5C97BD;}
.time{color:#3CA3D5; margin-bottom:10px; padding:10px 0;}

/* 活動花絮-album */
.album h1, .album h3{text-align:center;}
.album .thumbnail .photo{display:table; table-layout:fixed; width:100%; background:#f4f4f4;}
.album .thumbnail .photo:hover{opacity:.8;}
.album .thumbnail .photo a{display:table-cell; height:166px; text-align:center; vertical-align:middle;}
.album .thumbnail .photo a img{width:auto; height:auto; max-width:100%; max-height:100%;}
.album .thumbnail .caption p{height:42px; overflow:hidden;}
.album .thumbnail .caption a:hover{text-decoration:none;}

/* 活動花絮-albumcontent */
.albumcontent h1, .albumcontent h3{text-align:center;}
.albumcontent .thumbnail{background:transparent; border:0;}
.albumcontent .thumbnail .photo{display:table; table-layout:fixed; width:100%;}
.albumcontent .thumbnail .photo a{display:table-cell; height:250px; text-align:center; vertical-align:middle;}
.albumcontent .thumbnail .photo a img{width:auto; height:auto; max-width:100%; max-height:100%;}
.albumcontent .thumbnail .caption p{height:42px; overflow:hidden;}
.albumcontent .thumbnail .caption a:hover{text-decoration:none;}

/* 影片專區 */
.video{margin-bottom:20px;}
.video>ul{margin:0; padding:0; list-style:none;}
.video>ul>li{width:50%; padding:15px 2%; float:left; border-bottom:1px dashed #ccc;}
@media screen and (max-width:640px){
	.video>ul>li{width:100%;}
}
/* 內頁架構 */
.content-body{width:95%; max-width:1200px; margin:0 auto; background:#fff url(../images/page-bg.jpg) center top; padding:20px 5% 30px; -webkit-border-radius:0 0 10px 10px; -moz-border-radius:0 0 10px 10px; border-radius:0 0 50px 50px;}
.page-title{font-size:20px; color:#00471f; ; padding:0 0 5px; line-height:30px; margin:10px 0 40px 0; border-bottom:1px #ccc solid; font-weight:normal;}
.page-main{padding:0 20px; font-size:15px; color:#666; line-height:1.6em;}
.left-menu-title{background:#909090; text-align:center; font-size:18px; color:#fff; text-shadow:-1px -1px 0px #666; padding:5px 0 10px 0; border-top:1px #999 dotted; -webkit-border-radius:0 0 5px 0px; -moz-border-radius:0 0 5px 0px; border-radius:0 0 5px 0px;}
.in-left-menu{width:90%;}
@media screen and (max-width:640px){
	.in-left-menu{width:100%;}
}
.in-left-menu h3{color:#000;}
.in-left-menu>ul{margin:0; padding:10px 0 0px 0; list-style:none; border-bottom:3px #DBDBDB solid;}
.in-left-menu>ul>li{font-size:15px; color:#666; padding:5px 0;}
.in-left-menu>ul>li>a{background-color:#838282; background-size:contain; color:#fff; display:block; padding:5px 20px; line-height:1.8em; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; font-weight:bold; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; overflow:hidden;}
.in-left-menu>ul>li>a:hover{background-color:#666; color:#fff;}
.in-left-menu>ul>li>ul{margin:5px 0 0 40px; padding:0; list-style:square;}
.in-left-menu>ul>li ul li{padding:5px;}
.in-left-menu>ul>li ul li:hover{background:transparent;}
.in-left-menu>ul>li ul li a{font-weight:bold; font-size:15px; color:#666; display:block;}
.in-left-menu>ul>li ul li a.active{ color:#337ab7;}
.in-left-menu>ul>li ul li a:hover{color:#337ab7;}

/* 首頁區塊 */
.i-block{width:95%; max-width:1200px; margin:0 auto 40px auto;}

/* 內頁BANNER */
.inside-banner{padding:0;}
.inside-banner .banner{max-width:1200px; margin:0 auto; line-height:30px;}
.inside-banner .banner img{width:100%; position:static;}
.inside-banner .banner-title{background-image:url(../images/banner-title-bg.png); background-repeat:repeat-x; background-position:bottom; width:95%; max-width:1200px; font-size:24px; padding:15px 20px; color:#fff; margin:0 auto; line-height:30px; -webkit-border-radius:20px 20px 0 0; -moz-border-radius:20px 20px 0 0; border-radius:20px 20px 0 0; text-align:center; font-weight:bold;}
@media screen and (max-width:455px){
.inside-banner .banner-title{font-size:20px;}
}
.inside-banner .banner-title small.light{color:#fff; font-size:80%; margin-left:3px; font-weight:bold;}
.banner-purple{background-color:#482183; border-bottom:5px solid #7b52ad;}
.banner-indigo{background-color:#1e58a0; border-bottom:5px solid #5b93c7;}
.banner-blue{background-color:#057a9d; border-bottom:5px solid #3cb1c7;}
.banner-green{background-color:#629300; border-bottom:5px solid #a6c730;}
.banner-yellow{background-color:#c4ab01; border-bottom:5px solid #e2d42d;}
.banner-orange{background-color:#ff5a04; border-bottom:5px solid #f79630;}
.banner-pink{background-color:#f72e5d; border-bottom:5px solid #fe6698;}

/* 首頁產品 */
.index-pro{max-width:1000px; margin:0 auto;}
.index-pro-title{font-size:24px; color:#333; line-height:30px; padding-bottom:10px; text-align:center; font-weight:normal; border-bottom:3px #DFDFDF solid;}
.index-pro ul{max-width:1000px; margin:0 auto; padding:0; list-style:none;}
.index-pro ul li{width:20%; padding:1%; text-align:center; float:left;}
.index-pro ul li:hover{background:#f8f6f6;}
.index-pro ul li h4{font-size:15px; color:#504f4d; line-height:1.5em; font-weight:normal; padding:5px 0 5px 0; margin:0;}
.index-pro ul li .index-pro-store{color:#938c83; line-height:1.5em; padding:10px 0; display:block; text-decoration:line-through;}
.index-pro ul li .index-pro-price{color:#b83400; font-size:20px; padding:0 0 10px 0; display:block; font-family:Helvetica, Arial;}
a.cart{background:#9B9B9B; padding:5px 8px; color:#ffffff; font-size:15px; display:block; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; border:0px #DBDBDB solid; width:48%; margin-right:2%; float:left;}
a.cart img{padding-right:0px; vertical-align:middle;}
a.cart:hover{background:#A7A7A7;}
a.check{background:#9B9B9B; padding:5px 8px; color:#ffffff; font-size:15px; display:block; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; border:0px #DBDBDB solid; width:48%; margin-left:2%; float:left;}
a.check img{padding-right:0px; vertical-align:middle;}
a.check:hover{background:#A7A7A7;}
.index-more{max-width:1000px; border-top:1px #dad0d0 solid; margin:50px auto 0 auto; height:50px; position:relative;}
.index-more a{background:url(../images/index-more-pro.png) no-repeat; color:#a7a7a7; width:132px; height:36px; display:block; margin:0 auto; text-align:center; position:absolute; top:-10px; left:50%; margin-left:-66px;}

/* 首頁連結 */
.index-link{max-width:1000px; margin:0 auto;}
.index-link h3{color:#333; font-size:36px; font-weight:normal; text-align:center; line-height:0.8em; letter-spacing:2px;}
.index-link h3 .red{color:#d45500; font-size:24px; letter-spacing:0px;}
.index-link h3 .brwon{color:#c2ab8a; font-size:24px; padding-left:15px; letter-spacing:0px;}
.index-link-top{height:75px;}
.index-link ul{background:#e1e1e1; margin:0; padding:0; list-style:none;}
.index-link ul li{float:left; width:25%; margin:0; padding:0; border:1px #fff dotted;}
.index-link ul li img{width:100%; height:auto; border:0; margin:0; padding:0;}

/* 關於我們 */
.aboutck h4{margin:50px 0 20px 0;}
.aboutck .img-5bigbrand{float:left; margin:0 3% 15px 0;}
.aboutck .img-founder{float:left; margin:0 3% 15px 0;}
.container-fluid-no{padding:0;}

/* 校園專區 */
.divisions{margin:20px 0 50px;}
.divisions>div{margin:20px 0;}
.divisions .campus{width:100%; font-size:22px; text-align:center; padding:30px 20px; height:300px; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; overflow:hidden; border-radius:0 50px;}
.divisions .campus:hover{box-shadow:3px 3px 10px rgba(0,0,0,.3);}
.divisions .campus img{max-width:100%; margin:10px 0 25px; -webkit-transition-duration:1s; -moz-transition-duration:1s; transition-duration:1s; transform:scale(.9, .9); -ms-transform:scale(.9, .9); -webkit-transform:scale(.9, .9); -o-transform:scale(.9, .9); -moz-transform:scale(.9, .9);}
.divisions .campus:hover img{transform:scale(1, 1); -ms-transform:scale(1, 1); -webkit-transform:scale(1, 1); -o-transform:scale(1, 1); -moz-transform:scale(1, 1);}
.divisions a.campus div{display:block; color:#fff; opacity:0.8; font-size:80px; line-height:100px; margin:40px 0;}
.divisions a.campus.wd_tag_blue2:hover{background:#057a9d;}
.divisions a.campus.wd_tag_orange2:hover{background:#ff5a04;}
.divisions a.campus.wd_tag_green2:hover{background:#629300;}
.divisions .campus h4{display:block; border-radius:0 10px; margin-bottom:20px;}
.divisions .campus:hover h3.wd_tag_blue{background:#3cb1c7;}
.divisions .campus:hover h3.wd_tag_orange{background:#f79630;}
.divisions .campus:hover h3.wd_tag_green{background:#a6c730;}
.divisions .campus .form-box{padding:20px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;}
.divisions .campus .form-box h3{text-align:center; font-size:22px; font-weight:normal; margin:10px 0 13px;}
.divisions .campus .outside-link{display:block; color:#333;}

/* 資源下載 */
.download{list-style:none;}
.download-list li{clear:both; border-bottom:1px #E3E3E3 dotted; padding:7px 1%; position:relative;}
.download-list li .news-lis-cont{margin:0; padding:3px 100px 3px 0; font-size:16px;}
.download-list li .btn-dl{float:left; width:80px; line-height:25px; display:block; color:#A6A6A6; position:absolute; top:50%; right:5px; margin-top:-13px;}
.download-list li .btn-dl a{display:block; color:#fff; background:#c60; text-align:center;}

/* 會員登入 */
h3.login-title{margin:10px 0; font:30px/30px "Times New Roman"; color:#9b9b9b;}
.icon-tool{width:40px; height:auto; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.member-signup{font-size:14px; color:#828282; line-height:20px; padding:5px 0; text-align:center;}
.calender{width:30px; height:auto;}

/* 版面欄位 */
.main{padding:0;}
.col-100{float:left; width:100%;}
.col-010{width:9%; margin-right:1%; float:left;}
.col-015{width:14%; margin-right:1%; float:left;}
.col-020{width:19%; margin-right:1%; float:left;}
.col-025{width:24%; margin-right:1%; float:left;}
.col-030{width:29%; margin-right:1%; float:left;}
.col-040{width:39%; margin-right:1%; float:left;}
.col-045{width:44%; margin-right:1%; float:left;}
.col-050{width:49%; margin-right:1%; float:left;}
.col-055{width:54%; margin-right:1%; float:left;}
.col-060{width:59%; margin-right:1%; float:left;}
.col-065{width:64%; margin-right:1%; float:left;}
.col-070{width:69%; margin-right:1%; float:left;}
.col-075{width:74%; margin-right:1%; float:left;}
.col-080{width:79%; margin-right:1%; float:left;}
.col-085{width:84%; margin-right:1%; float:left;}
.cor-010{width:10%; float:left;}
.cor-015{width:15%; float:left;}
.cor-020{width:20%; float:left;}
.cor-025{width:25%; float:left;}
.cor-030{width:30%; float:left;}
.cor-035{width:35%; float:left;}
.cor-040{width:40%; float:left;}
.cor-045{width:45%; float:left;}
.cor-050{width:50%; float:left;}
.cor-055{width:55%; float:left;}
.cor-060{width:60%; float:left;}
.cor-065{width:55%; float:left;}
.cor-070{width:70%; float:left;}
.cor-075{width:75%; float:left;}

/* 訂位填寫 */
.show-date{background:#14a1f0; padding:5px 10px; font-size:14px; color:#fff; line-height:25px; margin-bottom:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.show-date a{color:#d0ff00; text-decoration:none;}
.show-date a:hover{color:#f0ff9b;}
.kyein-be-member{background:#ff1115; padding:5px 10px; font-size:14px; color:#ffdada; line-height:25px; margin-bottom:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}

/* 訂位區塊 */
.info-box{font-size:14px; color:#686868; line-height:20px; padding-bottom:10px; margin-bottom:10px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
h4.info-title{background:#ffeded; font-size:17px; line-height:30px; color:#ad3a3c; padding:0 0 0 10px; margin:5px 0px 10px 0px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; font-weight:normal;}
.info-content{padding:0 0 10px 20px;}
.info-content ul{list-style:square; margin:0 0 0 0px; padding:0 0 0 20px;}
.info-content ul li{border-bottom:1px #bfbfbf dotted; margin-bottom:10px; color:#a41c1f;}
.info-content ul li p{font-size:12px; color:#767676; margin:0 0 10px 0; padding:0;}
h5.info-set-opint{color:#69B7FF; font-size:15px; line-height:25px; border-bottom:1px #D9D9D9 solid; margin:0 0 10px 0;}

/* step */
.step{list-style:none; margin:0; padding:20px 0;}
.step li{float:left; width:25%; font-size:28px; line-height:1.2em; color:#D9D9D9; border-left:1px #D9D9D9 solid; padding:0px 0; text-align:center;}
.step li.active, .step li.active span{color:#0091ED;}
.step li span{color:#7F7F7F; display:block; font-size:15px; line-height:18px; padding:5px 0 0 0px; border-top:1px #DBD8D8 dotted; margin:10px auto 0 auto; width:80%;}

/* 定位-選項-時段 */
.order-opinion{padding:0 0 10px 0;}
.time{font-size:14px; line-height:20px;}
.time ul{margin:0; padding:0; list-style:none;}
.time ul li{background:#FF5558; float:left; text-align:center; font-size:14px; color:#fff; line-height:20px; padding:3px 0px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; margin:1% 1% 0 0; width:11.5%;}
.time ul li a{color:#fff;}
.time ul li:hover{background:#D30003;}
.time ul li.finish{background:#D3D2D2;}
.time ul li span{display:block; border-top:1px #FFB6B7 solid; line-height:20px;}
.order-note{color:#DF0205; padding:10px 0;}

/* 歷史訂單 */
.table-border{background:#DBDBDB; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; margin-bottom:10px;}
.table-border th{font-size:14px; color:#fff; padding:3px 5px;}
.table-border td{font-size:14px; color:#515151; padding:3px 5px; text-align:center;}
.table-border tr:first-child{background:#FF6700; font:12px; padding:3px 5px; -webkit-border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0;}
.table-border tr:last-child{background:#fff; font:12px; padding:3px 5px; -webkit-border-radius:0 0px 5px 5px; -moz-border-radius:0 0px 5px 5px; border-radius:0 0px 5px 5px;}
.table-border tr:nth-child(2n){background:#fff;}
.table-border tr:nth-child(2n+3){background:#FFFBF0;}

/* 表單欄位 */
.form-box{padding:5%; background-color:#f1f1f1; margin-bottom:50px;}
.form-box input, .form-box img{vertical-align:middle;}
.form-style01{font-size:14px; font-family:"微軟正黑體", Arial ; color:#4E4E4E; padding:5px 0 10px 0; line-height:20px; width:100%;}
.opinion{padding:5px 0;}
.opinion-left01{float:left; width:30%; margin:0; border-right:0; padding:5px 2%; font-size:15px; font-family:"微軟正黑體", Arial ; color:#4E4E4E; line-height:20px; -webkit-border-radius:5px 0px 0px 5px; -moz-border-radius:5px 0px 0px 5px; border-radius:5px 0px 0px 5px;}
.forgetpassword .opinion-left01{float:left; width:95px; margin:0; border-right:0; padding:5px 2%; font-size:18px; font-family:"微軟正黑體", Arial ; color:#4E4E4E; line-height:20px; -webkit-border-radius:5px 0px 0px 5px; -moz-border-radius:5px 0px 0px 5px; border-radius:5px 0px 0px 5px;}
.opinion-right01{float:left; width:7.5%; border:1px #cbcbcb solid; padding:0px 2%; font-size:14px; font-family:"微軟正黑體", Arial ; color:#4E4E4E; line-height:20px; border-left:0; -webkit-border-radius:0 5px 5px 0; -moz-border-radius:0 5px 5px 0; border-radius:0 5px 5px 0;}
.input-main-style01{float:left; width:55%; border:1px #cbcbcb solid; margin:0; padding:5px 3%; font-size:14px; font-family:"微軟正黑體", Arial ; color:#4E4E4E; line-height:20px; -moz-box-shadow:0px 0px 5px #e9e9e9 inset; -webkit-box-shadow:0px 0px 5px #e9e9e9 inset; box-shadow:0px 0px 5px #e9e9e9 inset;}
.input-main-style02{background:#fff; float:left; width:70%; border:1px #cbcbcb solid; margin:0; padding:5px 2%; font-size:14px; font-family:"微軟正黑體", Arial ; color:#4E4E4E; line-height:20px; -webkit-border-radius:0 5px 5px 0; -moz-border-radius:0 5px 5px 0; border-radius:0 5px 5px 0;}
.forgetpassword .input-main-style02{background:#fff; float:left; width:calc(100% - 95px); border:1px #cbcbcb solid; margin:0; padding:5px 2%; font-size:14px; font-family:"微軟正黑體", Arial ; color:#4E4E4E; line-height:20px; -webkit-border-radius:0 5px 5px 0; -moz-border-radius:0 5px 5px 0; border-radius:0 5px 5px 0;}
.input-main-style03{float:left; width:93.3333%; border:1px #cbcbcb solid; margin:0; padding:5px 3%; font-size:14px; font-family:"微軟正黑體", Arial ; color:#4E4E4E; line-height:20px; text-align:center; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -moz-box-shadow:0px 0px 5px #e9e9e9 inset; -webkit-box-shadow:0px 0px 5px #e9e9e9 inset; box-shadow:0px 0px 5px #e9e9e9 inset;}
.select-style{font-size:15px; color:#666; line-height:20px; padding:5px 10px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.order-numb{color:#FF0004;}

/* 輸入欄位 */
.input-style01{border:1px #cbcbcb solid; padding:5px 2%; line-height:20px; font-size:14px; font-family:"微軟正黑體", Arial ; color:#4E4E4E; -webkit-border-radius:0 5px 5px 0; -moz-border-radius:0 5px 5px 0; border-radius:0 5px 5px 0; width:70%; margin-bottom:5px; -moz-box-shadow:0px 0px 5px #e9e9e9 inset; -webkit-box-shadow:0px 0px 5px #e9e9e9 inset; box-shadow:0px 0px 5px #e9e9e9 inset;}
.input-botton01{border:1px #cbcbcb solid; padding:5px 3%; line-height:18px; font-size:13px; font-family:"微軟正黑體", Arial ; color:#4E4E4E; width:100px; margin:0 auto; text-align:center; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; margin-bottom:5px; text-shadow:1px 0px #fff; font-weight:800;}
.select-style01{border:1px #cbcbcb solid; padding:5px 3%; width:99%; line-height:20px; font-size:14px; font-family:"微軟正黑體", Arial ; color:#4E4E4E; margin:0; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -moz-box-shadow:0px 0px 5px #e9e9e9 inset; -webkit-box-shadow:0px 0px 5px #e9e9e9 inset; box-shadow:0px 0px 5px #e9e9e9 inset;}
.input-botton-blue{background:#feffff; background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM1JSIgc3RvcC1jb2xvcj0iI2UyZmVmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5ZWVkZTYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background:-moz-linear-gradient(top, #feffff 0%, #e2feff 35%, #9eede6 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #feffff), color-stop(35%, #e2feff), color-stop(100%, #9eede6)); background:-webkit-linear-gradient(top, #feffff 0%, #e2feff 35%, #9eede6 100%); background:-o-linear-gradient(top, #feffff 0%, #e2feff 35%, #9eede6 100%); background:-ms-linear-gradient(top, #feffff 0%, #e2feff 35%, #9eede6 100%); background:linear-gradient(to bottom, #feffff 0%, #e2feff 35%, #9eede6 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#9eede6', GradientType=0 );}
.bg-red-orange{background:rgb(248,80,50); background:-moz-linear-gradient(top, rgba(248,80,50,1) 0%, rgba(241,111,92,1) 50%, rgba(246,41,12,1) 51%, rgba(240,47,23,1) 71%, rgba(231,56,39,1) 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(248,80,50,1)), color-stop(50%, rgba(241,111,92,1)), color-stop(51%, rgba(246,41,12,1)), color-stop(71%, rgba(240,47,23,1)), color-stop(100%, rgba(231,56,39,1))); background:-webkit-linear-gradient(top, rgba(248,80,50,1) 0%, rgba(241,111,92,1) 50%, rgba(246,41,12,1) 51%, rgba(240,47,23,1) 71%, rgba(231,56,39,1) 100%); background:-o-linear-gradient(top, rgba(248,80,50,1) 0%, rgba(241,111,92,1) 50%, rgba(246,41,12,1) 51%, rgba(240,47,23,1) 71%, rgba(231,56,39,1) 100%); background:-ms-linear-gradient(top, rgba(248,80,50,1) 0%, rgba(241,111,92,1) 50%, rgba(246,41,12,1) 51%, rgba(240,47,23,1) 71%, rgba(231,56,39,1) 100%); background:linear-gradient(to bottom, rgba(248,80,50,1) 0%, rgba(241,111,92,1) 50%, rgba(246,41,12,1) 51%, rgba(240,47,23,1) 71%, rgba(231,56,39,1) 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f85032', endColorstr='#e73827', GradientType=0 );}
*{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

/* 頁次 */	
.page{font:13px/24px "微軟正黑體", Arial ; color:#333; text-align:center; clear:both; margin-top:10px; padding:8px 0;}
.page a{background:#838282; color:#fff; padding:2px 10px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.page a:hover{background:#a09d9d; color:#fff;}
.page br{display:none;}

/* 回上一頁按鈕 */
.bn-back{padding:40px 0;}

/* 底部資訊 */
.bottom-info{background:url(../images/bottom-info.jpg); padding-bottom:30px;}
.bottom-info-main{max-width:1000px; margin:0 auto; background:url(../images/bottom-info-bg.jpg) center top no-repeat; min-height:200px;}
.bottom-info-main h3{font-size:15px; color:#fff; border-bottom:1px #999 solid; line-height:40px;}
.bottom-info-main ul.bottom-link{list-style:none; margin-left:0; padding-left:0;}
.bottom-info-main ul.bottom-link li{float:left; font-size:15px; width:95px; line-height:1.7em;}
.bottom-info-main ul.bottom-link li a{color:#fff;}
.bottom-info-main ul.bottom-link li a:hover{color:#fffe82;}
.bottom-info-main p.content{font-size:12px; color:#fff; line-height:24px;}
.bottom-info-main .bottom-tool{border-top:1px #999 solid; margin-top:20px; padding-top:20px;}

/* 加盟流程 */
ul.addflow{list-style:none;}
ul.addflow li{position:relative; margin:20px 10px; padding:40px 0; float:left; color:#fff; width:160px; height:160px; border:10px solid #f1f1f1; border-radius:0 30%; line-height:30px; text-align:center; white-space:normal; word-break:break-all; ; font-size:18px;}
ul.addflow li:last-child{position:relative; margin:20px 10px; padding:65px 0; float:left; color:#fff; width:360px; height:360px; border:10px solid #f1f1f1; border-radius:50%; line-height:100px; text-align:center; white-space:normal; word-break:break-all; ; font-size:80px;}
ul.addflow li span.glyphicon-menu-right{position:absolute; right:-30px; top:calc(50% - 10px); color:#333; font-size:20px;}

@media screen and (max-width:480px){
	ul.addflow{ padding-left: 0;}
	ul.addflow li{  margin:20px auto; padding:40px 0; float:none; display: inline-block; }
	ul.addflow li:last-child{ padding:35px 0; width:200px; height:200px; border:10px solid #f1f1f1; line-height:50px; font-size:40px;}
}




/* 查詢結果 */
.result .row{margin:0 -15px 10px; padding:20px; border-radius:30px; background-color:rgba(204,230,243,.5); -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;}
.result .row:hover{background-color:rgba(204,230,243,1);}
.result .row h4{background-color:#2f8ebc; color:#fff; display:inline-block; border-radius:5px; padding:10px 15px;}
.result .row b{color:#00471e;}
.result .row b .glyphicon{font-size:24px; margin-right:5px;}
.result .row iframe{border:5px solid #fff;}
.result .row .infomation{margin-bottom:10px;}

/* 國際課程 */
.course .col-md-4{padding:0 0.5%;}
.course .col-md-4 blockquote{min-height:184px;}
.tab-content{padding:30px 0 50px;}
.tab-content .word-green{color:#629300; font-weight:bold;}
ul.nav-tabs li a{font-size:18px;}
@media screen and (max-width:420px){
	ul.nav-tabs li a{font-size:15px; padding:5px 10px; }
}
.nav-tabs{border-bottom:3px solid #629300;}
.course .nav-tabs > li > a{background:#eee; color:#629300; border:1px solid #ccc; border-bottom:1px solid #629300;}
.course .nav-tabs>li.active>a, .course .nav-tabs>li.active>a:focus, .course .nav-tabs>li.active>a:hover{background-color:#629300; color:#fff; border:1px solid #629300;}
.course .nav-tabs > li > a:hover{background-color:#a1af2d; color:#fff; border:1px solid #a1af2d; border-bottom:1px solid #629300;}
.nav-tabs > li > a{border-radius:10px 10px 0 0;}

/* 下載專區 */
.downloads{margin-bottom:50px;}
.downloads{padding:20px 0;}
.downloads{padding:0 0 20px 0;}
.dpwnloads h3{color:#057a9d;}
.downloads ol{list-style:none; margin:0; padding:0;}
.downloads ol li{line-height:1.5em; padding:5px 10px; font-family:"微軟正黑體", Arial ; border:1px solid transparent; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; margin:5px 0; background:#f4f4f4; border:1px solid #dfdfdf; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
.downloads ol li:hover{background:#f4f4f4; border:1px solid #a6c730;}
.downloads ol li a{font-size:12px; color:#fff; display:block; padding:3px 6px; background:#fc3; border-radius:5px; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;}
.downloads ol li a:hover{background:#B90717;}
.downloads ol li .list-downloads-title{display:inline-block; padding:3px 0; font-size:15px; width:calc(100% - 115px);}
.downloads ol li .list-downloads{display:block; font-size:15px; color:#333; float:right; text-align:center;}

/* 國際課程 */
ol.course2-spec{font-size:18px; line-height:36px; margin-bottom:50px;}
ol.course2-spec li:nth-child(2n+1){background-color:#e4e4e4; color:#000; border-radius:5px;}



@media screen and (max-width:750px){
	body{font-size:14px; line-height:20px;}

	.wrapper{max-width:1000px; margin:0 auto;}
	.head-main{min-height:110px;}
	.head-tool{display:none;}
	
	.banner{width:100%; background:none;}


	/* SlickNav */
	.slicknav_menu{display:none;}
	.js #menu{display:none;}
	.js .slicknav_menu{display:block; position:absolute; right:0; top:63px; z-index:9999; width:100%;}
	.menu{list-style:none;}
	.menu li{color:#fff; width:100%; text-align:center; float:none;}

	/* 訂單列表 */
	ul.order-list li.th{display:none;}
	.order-list{padding-left:0px;}
	.order-list-img, .order-list-img02{float:left; width:100%; font-size:15px; text-align:center;}
	.order-list-img img.pro-photo{width:86%; max-width:180px; height:auto; padding:2%; border:1px #CCC solid; margin:5%; text-align:center;}
	.order-list-name{ float:; width:100%; padding-top:0PX; font-size:15px; text-align:center;}
	.order-list-price{float:left; width:100%; padding-top:0PX; font-size:15px; text-align:center;}
	.order-list-quantity, .order-list-quantity02{float:left; width:100%; padding-top:0PX; font-size:15px; text-align:center;}
	.order-list-subtotal, .order-list-subtotal02{float:left; width:100%; padding-top:0PX; font-size:15px; text-align:center;}
	.order-list-del{float:left; width:100%; padding:20PX 0; font-size:15px; text-align:center;}
	.order-list-del a{padding:5px 10%;}
	.order-list .portal{width:100%; text-align:center;}
	.order-list .freight{width:100%; text-align:center;}
	.order-list .oproject{font-size:15px; color:#000; display:inline;}

	/* 購物車 */
	.shop-car-img img{width:86%; max-width:180px; height:auto; padding:2%; border:1px #CCC solid; margin:5%; text-align:center;}

	/* 產品專區 */
	.pro-list ul li{width:31%; padding:1%;}

	/* 首頁產品 */
	.index-pro ul li{width:23%; padding:1%; text-align:center; float:left;}

	/* 首頁連結 */
	.index-link ul li{float:left; width:33.3333%; margin:0; padding:0; border:0;}

	/* 會員登入 */
	h3.login-title{margin:10px 0 10px 0; font-family:"Times New Roman"; font-size:30px; line-height:30px; color:#9B9B9B;}
	.icon-tool{width:40px; height:auto; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
	.member-signup{font-size:14px; color:#828282; line-height:20px; padding:5px 0; text-align:center;}

	/* 版面欄位 */
	.main{padding-top:0;}
	.col-p-100{width:100%;}
	.col-p-015{width:13%; margin-right:2%; float:left;}
	.col-p-020{width:18%; margin-right:2%; float:left;}
	.col-p-025{width:23%; margin-right:2%; float:left;}
	.col-p-030{width:28%; margin-right:2%; float:left;}
	.col-p-040{width:38%; margin-right:2%; float:left;}
	.col-p-045{width:43%; margin-right:2%; float:left;}
	.col-p-050{width:48%; margin-right:2%; float:left;}
	.col-p-055{width:53%; margin-right:2%; float:left;}
	.col-p-060{width:58%; margin-right:2%; float:left;}
	.col-p-065{width:63%; margin-right:2%; float:left;}
	.col-p-070{width:68%; margin-right:2%; float:left;}
	.col-p-075{width:73%; margin-right:2%; float:left;}
	.col-p-080{width:78%; margin-right:2%; float:left;}
	.col-p-085{width:83%; margin-right:2%; float:left;}
	.cor-p-015{width:15%; float:left;}
	.cor-p-020{width:20%; float:left;}
	.cor-p-025{width:25%; float:left;}
	.cor-p-030{width:30%; float:left;}
	.cor-p-035{width:35%; float:left;}
	.cor-p-040{width:40%; float:left;}
	.cor-p-045{width:45%; float:left;}
	.cor-p-050{width:50%; float:left;}
	.cor-p-055{width:55%; float:left;}
	.cor-p-060{width:60%; float:left;}
	.cor-p-065{width:55%; float:left;}
	.cor-p-070{width:70%; float:left;}
	.cor-p-075{width:75%; float:left;}

	/* 親子心教養-全程教育 */
	.education-list ul li{width:32.3%; padding:1%; transition:500ms; -moz-transition:500ms; -webkit-transition:500ms;}

	/* 定位-選項-時段 */
	.order-opinion{width:100%; margin-right:0; float:none;}
	.time{width:100%; float:none;}

	/* 輸入欄位 */
	.input-style01{border:1px #cbcbcb solid; padding:5px 3%; line-height:20px; font-size:14px; font-family:"微軟正黑體", Arial ; color:#4e4e4e; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; width:100%;}
	.input-botton01{border:1px #cbcbcb solid; padding:5px 3%; line-height:20px; font-size:16px; font-family:Arial; color:#4e4e4e; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; width:100%; margin-bottom:5px; text-shadow:1px 0px #fff; font-weight:800;}
}

@media screen and (max-width:640px){
	.pc{display:none;}
	.mobile{display:block;}

	.js .slicknav_menu{top:110px;}
	.head-main{min-height: 160px; width:100%;}
	.aboutck .img-founder{float:none;}
	.wrapper{max-width:640px; margin:0 auto;}

	/* 上版 */
	header{padding-top:0;}
	.head-main .logo{left:0; top:-35px; font-size:22px; text-align:center; margin:10px 0 0; width:100%;}
	.head-main .logo a{color:#ffffff;}
	.head-main .logo img{width:100%; height:auto;}

	.head-tool{position:static; margin: -5px 120px 0;}
	.home{display:none;}
	.home_w{display:block; position:absolute; top:20px; left:10px; width:30px; height:auto;}
	.m-banner{width:100%; overflow:hidden; position:relative; z-index:1000;}
	.m-banner img{position:absolute; top:-50%;}
	.banner img{width:100%;}
	.oproject{display:inline; color:#900;}

	/* 訂單列表 */
	.order-search{padding-left:0;}
	ul.order-list li.th{display:none;}
	.order-list{padding-left:0;}
	.order-list-img, .order-list-img02{float:left; width:100%; font-size:15px; text-align:center;}
	.order-list-img{height:auto;}
	.order-list-img img.pro-photo{width:86%; max-width:180px; height:auto; padding:2%; border:1px #CCC solid; margin:5%; text-align:center;}
	.order-list .order-list-td{font-size:15px; color:#333; text-align:left;}
	.order-list-name{width:100%; padding-top:0; font-size:15px; text-align:center;}
	.order-list-price{float:left; width:100%; padding-top:0; font-size:15px; text-align:center;}
	.order-list-quantity, .order-list-quantity02{float:left; width:100%; padding-top:0; font-size:15px; text-align:center;}
	.order-list-subtotal, .order-list-subtotal02{float:left; width:100%; padding-top:0; font-size:15px; text-align:center;}
	.order-list-del{float:left; width:100%; padding:20PX 0; font-size:15px; text-align:center;}
	.order-list-del a{padding:5px 10%;}
	.order-list .portal{width:100%; text-align:center;}
	.order-list .freight{width:100%; text-align:center;}
	.order-list .oproject{font-size:15px; color:#000; display:inline;}
	.order-ditaile-info{padding:0;}

	/* 購物車 */
	ul.shopping-car-list li.th{display:none;}
	.shopping-car{padding-left:0;}
	.shop-car-img{width:100%; height:auto; text-align:center; border-bottom:1px dotted #d3d3d3; margin-bottom:10px; display:block;}
	.shop-car-img img.pro-photo{width:86%; max-width:180px; height:auto; padding:10px; border:1px #CCC solid; margin:10px; text-align:center;}
	.shop-car-name{float:none; display:block; width:100%; padding-top:0; font-size:15px; text-align:center;}
	.shop-car-price{width:100%; padding-top:0; font-size:15px; text-align:center;}
	.shop-car-quantity{width:100%; padding-top:0; font-size:15px; text-align:center;}
	.shop-car-subtotal{width:100%; padding-top:0; font-size:15px; text-align:center;}
	.shop-car-del{width:100%; padding:20PX 0; font-size:15px; text-align:center;}
	.shop-car-del a{padding:5px 10%;}
	.shopping-car .portal{width:100%; text-align:center;}
	.shopping-car .freight{width:100%; text-align:center;}
	.shopping-car .oproject{font-size:15px; color:#000; display:inline;}
	.checkout-box{background:#f4f3f0; padding:10px; margin-left:0; border-bottom:2px #FFF dotted;}

	/* 產品專區 */
	.pro-store-info{padding:10px 0 10px 0px;}
	.pro-list ul li{width:98%; padding:1%;}
	.pro-detaile{padding-left:0;}
	.pro-qr-code{text-align:center; padding-bottom:20px;}
	.pro-qr-code img{width:200px; height:auto;}
	.cart-info .price{font-size:28px; text-align:center; display:block; padding:10px 0 20px 0;}
	.cart-info .quantity{text-align:center;}
	.cart-info .check-out{text-align:center; clear:both; display:block;}
	.cart-info .check-out a{font-size:15px; width:100%; padding:10px 0px; margin-left:0; display:block;}

	/* 聯絡我們 */
	.contact-body{padding:0;}
	.contact-left{max-height:200px; overflow:hidden; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}
	.contact-left img{width:100%; height:auto; margin-top:10px;}
	a.btn-send{padding:5px 0; width:49%; margin:5px 1% 0 0; display:block; float:left;}
	a.btn-reset{padding:5px 0; width:49%; margin:5px 0 0 1%; display:block; float:left;}
	a.btn-send-over{padding:3px 0px; color:#fff; width:100%; display:block; float:left; margin-top:5px;}

	/* 內頁架構 */
	.page-main{padding:0;}
	.left-menu-title{font-size:15px; border-top:1px dotted #999;}

	/* 首頁產品 */
	.index-pro ul li{width:98%; padding:1%; text-align:center; float:left;}

	/* 首頁連結 */
	.index-link ul li{float:left; width:50%; margin:0; padding:0; border:0;}


	/* 會員登入 */
	h3.login-title{margin:10px 0 10px 0; font-family:"Times New Roman"; font-size:30px; line-height:30px; color:#9b9b9b; text-align:center;}
	.login-tool{text-align:center;}
	.icon-tool{width:40px; height:auto; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
	.member-signup{font-size:14px; color:#828282; line-height:20px; padding:5px 0; text-align:center;}

	/* 版面欄位 */
	.col-m{width:100%; margin-right:0%; float:none;}
	.col-015, .col-020, .col-025, .col-030, .col-035, .col-040, .col-045, .col-050, .col-055, .col-060, .col-065, .col-070, .col-075, .col-080, .col-085{width:100%; margin-right:0%;}
	.cor-015, .cor-020, .cor-025, .cor-030, .cor-035, .cor-040, .cor-045, .cor-050, .cor-055, .cor-060, .cor-065, .cor-070, .cor-075, .cor-080, .cor-085{width:100%;}

	/* 訂位區塊 */
	.info-box{font-size:14px; color:#7E7E7E; line-height:20px;}

	/* 定位-選項-時段 */
	.order-opinion{width:100%; margin-right:0; float:none;}
	.time{width:100%; float:none;}
	.time ul li{margin:1% 1% 0 0; width:24%;}

	/* 表單欄位 */
	.form-style01{font-size:14px; font-family:"微軟正黑體", Arial ; color:#4E4E4E; padding:5px 3%; line-height:20px; width:93%;}
	.opinion{margin-bottom:5px;}
	.opinion-right01{float:left; width:7.5%; padding:0px 2%;}
	.input-main-style01{float:left; width:81%; margin:0; padding:5px 3%; -webkit-border-radius:5px 0px 0px 5px; -moz-border-radius:5px 0px 0px 5px; border-radius:5px 0px 0px 5px;}
	.bottom-info-main{padding:0 20px;}
	footer .copytight{max-width:1000px; margin:0 auto; padding:30px 10px; color:#fff; font-size:13px; text-shadow:-1px -1px 0px #7b6f48; line-height:24px;}
	footer .copytight img.footer-logo{width:220px; height:auto; margin:0 auto 20px auto; display:block;}
	.select-style{font-size:15px; width:96%; line-height:20px; padding:5px 2%; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
	.checkout-box h3{margin-right:0;}

	/* 頁次 */	
	.page{height:100px;}
	.page br{display:block;}

	/* 底部資訊 */
	.bottom-info-main h3{font-size:15px; color:#fff; border-bottom:1px #d4a0a0 solid; line-height:40px; margin-top:0;}
	footer .copytight{text-align:center; text-shadow:0 0 0 #2d2d2d;}
	footer .copytight .footer-logo{float:none; margin-right:0;}
}

@media screen and (max-width:480px){
	.js .slicknav_menu{top:105px;}
	.head-main{min-height:150px;}
}

@media screen and (max-width:450px){
	.js .slicknav_menu{top:100px;}
	.head-main{min-height:145px;}
}

@media screen and (max-width:400px){
	.js .slicknav_menu{top:110px;}
	.head-main{min-height:135px;}
}

@media screen and (max-width:360px){
	.js .slicknav_menu{top:80px;}
	.head-main{min-height:125px;}
}

@media screen and (max-width:300px){
	.js .slicknav_menu{top:70px;}
	.head-main{min-height:115px;}
}