@charset "utf-8";
* { outline:none; }
body,
.main,
.clr,
.header,
.content,
.prefooter,
.footer,
form,
ol,
ol li,
ul { margin:0; padding:0; }
ol,
ul,
li { list-style:none; }
body { width:100%;}
body,input,textarea {font:normal 16px/1.8em  'Raleway', Arial, Helvetica, sans-serif, Impact; }
img { border:none; }
.clr { clear:both; padding:0; margin:0; width:100%; font-size:0; line-height:0; }
.fl { float:left; padding: 20px 20px 20px 20px; }
.fl-img { float:left; padding:20px; }
.fr { float:right; padding:0 40px 20px 40px; }
.tal { text-align:left; }
.tar { text-align:right; }
.tac { text-align:center; }
hr { border:1px solid #c8c8c8; margin:30px 0; }
iframe { border: 0px; outline: none; padding: 0px; margin: 0px; }
.small{}
.sep { clear:both; margin:30px auto; padding:0px 0 0px 0; width:100%; height:2px; background:url(/20220410013529oe_/https://www.ort.cuhk.edu.hk/dancemedicine/images/sep.png) repeat-x top left;/**/ }

.sep.small { margin:10px auto 10px;}
.sep_clear { clear:both; margin:20px auto; padding:0; width:100%; height:2px; }
.sep_clear.small { margin:10px auto;}

.sep2 {clear:both; margin:40px auto; padding:0px 0 0px 0; width:100%; height:5px; background:url(/20220410013529oe_/https://www.ort.cuhk.edu.hk/dancemedicine/images/sep.png) repeat-x top left; /**/}

.border_top {border-top:1px solid #ebebeb;}
.border_bottom {border-bottom:1px solid #ebebeb;}

/*MAIN BACKGROUNDS*/
.body_pattern { background:#fff url(/20220410013529oe_/https://www.ort.cuhk.edu.hk/dancemedicine/images/bg_p2_25.png) repeat top center;/* position:fixed; top:0; left:0; width:100%; height:100%;/**/}

.main { margin:0 auto; padding:0; width:100%; position:relative;  }
#page { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.4); overflow: hidden; position: relative; width: 100%; }
a { color:#afb911; }
p { margin:0; padding:0 0 10px; }


h1 { margin:0; padding:0; font-weight:bold; font-size:16px;  line-height:1.4em; color:#484848; text-transform:none; text-align:left;  }
h1 a { color:#484848; text-decoration:none; font-weight:bold; }
h1 span { color:#8f8f8f; font-size:13px; font-style:normal; font-weight:normal; line-height:1.3em;  text-transform:none;  display:block; margin-top:5px; padding:0; background:none; }
h1 a:hover { text-decoration:none; }
h1 em.h1_second_color {color:#afb911; font-style:normal;}

.index_page h1 {text-align:center;}

/*post_titles*/
h2 { width:auto; margin:0px 0 0px 0; padding:0 0 0 0; font-size:14px; line-height:1em; font-weight:bold; color:#484848; text-align:left; text-transform:none; background:none;}
h2 a, h2 span,h2 a span { color:#484848; background:none; }

.h2_background {position:relative;border-bottom:none; padding:20px 0 30px;}
.h2_background h2 {/*background:url(/20220410013529oe_/https://www.ort.cuhk.edu.hk/dancemedicine/images/h2_bg.png) no-repeat left; padding:0 0 2px 28px; /**/ }
.h2_background h2 span{ }

.h2_arrows {/* background:#fff;/**/ padding: 0px 0 0px 15px; position:absolute; right:0px; top:20px; text-transform:none;}
.h2_arrows a { color:#c5c5c5; font-size:10px;padding:0 0px;}
.h2_arrows a:hover { color:#afb911;}
.h2_arrows a.arr_href img {margin-top:0px;}
.h2_arrows a.arr_href img.arr_l {background:url(/20220410013529oe_/https://www.ort.cuhk.edu.hk/dancemedicine/images/arr_l.png) no-repeat; }
.h2_arrows a.arr_href:hover img.arr_l {background:url(/20220410013529oe_/https://www.ort.cuhk.edu.hk/dancemedicine/images/arr_l_a.png) no-repeat;}
.h2_arrows a.arr_href img.arr_r { background:url(/20220410013529oe_/https://www.ort.cuhk.edu.hk/dancemedicine/images/arr_r.png) no-repeat;}
.h2_arrows a.arr_href:hover img.arr_r { background:url(/20220410013529oe_/https://www.ort.cuhk.edu.hk/dancemedicine/images/arr_r_a.png) no-repeat;}
.h2_arrows a.arr_href img.arr_l, .h2_arrows a.arr_href img.arr_r {height:15px; width:15px;}


/*images titles etc,...*/
h3 {  font-size:14px; font-weight:normal; color:#484848; text-transform:none; line-height:1.2em; padding:10px 0 10px;margin:10px 0 10px; }
h3 span { color:#a9a9a9; text-decoration:none; font-weight:normal; font-style:normal; margin:0; padding:0; font-size:11px; display:block; text-transform:none; padding:5px 0 0px; }
h3 a { color:#484848; text-decoration:none; font-weight:normal; }
h3 a:hover { text-decoration:none; color:#afb911; }
h3 span a:hover { text-decoration:none; color:#afb911;  }
h3 em { font-style:normal;}
h3 em.h3_second_color { font-style:normal;  }
h3 span em.h3_second_color { font-style:normal; color:#484848;  }
/*.h3_bg h3 { padding:15px 15px; margin:0 0 0px; background:#f6f6f6; color:#4a4a4a;}
.h3_bg h3:hover { background:#afb911;}
.h3_bg h3 a em.h3_second_color { font-style:normal;  color:#4a4a4a;}
.h3_bg h3:hover a em.h3_second_color {  color:#fff;}
/**/

/* header */
.header { margin:0 auto 0px; padding:0 0 1px; width:100%; position:fixed; 
  top: 0;
  left: 0;
  z-index: 9998;
  width: 100%;
  height: 215px;
  background-color: #ffffff;}
.header_resize { margin: 0; padding: 0px; width: 100%;}
.header_menu {  padding:0px 0px 0px 0px; margin:0 auto; height:96px; /**/ }
.header_text {float:right; padding:18px 0px 0 0; color:#b4b4b4; font-size:12px;}
.header_top {min-height:96px; margin:0 auto; width:940px;}
.header_bg { margin:0 auto; /*padding:30px; width:900px;/**/}

.logo { margin:0; padding:0px 0px 0px 0px; font-size:36px;  line-height:1em; float:left; }
.logo div { margin:0 auto; padding:0 0 0;  text-transform:none;   }
.logo div a,
.logo div span,
.logo div a:hover { color:#2b2a2a; text-decoration:none; font-weight:bold;  text-align:left; }
/*.logo div {background:url(/20220410013529oe_/https://www.ort.cuhk.edu.hk/dancemedicine/images/logo_bg.png) no-repeat top left; padding:6px 0 0 30px; }/**/
.logo div em { color:#afb911; font-style:normal;}
.logo p { padding:5px 0 1px 0px; margin:0; font-size:12px; line-height:1em;  color:#646464; font-weight:normal; font-style:normal; text-transform:none;text-align:left; display:block;}



/*now_page*/
.now_page { margin: 0px; padding: 0px; width: 100%; }
.now_page_resize { margin:0 auto; padding:40px 0px; width:940px; text-align:center;  }

.index_page .now_page_resize { width: auto; padding-left:40px; padding-right:40px;}
/*.now_page_resize h1 {float:left;}/**/
.now_page p {float:left; width: 100%; font-size:16px; color:#484848; text-align:left; line-height:1.5em;}
.now_page_btn { float:left; padding-top:15px; }
.now_page_btn a { background:#2b2a2a no-repeat center center; padding:15px 20px 15px; width:auto; text-align:center;  text-decoration:none;}
.now_page_btn a:hover { background:#767676 no-repeat center center;}
.now_page_btn a em,.now_page_btn a {color:#fff; font-size:14px; font-weight:normal; font-style:normal;}
.now_page_btn a:hover em ,.now_page_btn a:hover{  color:#fff;}

.now_page_btn2 { float:right; padding:15px 0px 20px 0px; }
.now_page_btn2 a { background:#2b2a2a no-repeat center center; padding:10px 20px 10px; width:auto; text-align:center; text-decoration:none;}
.now_page_btn2 a:hover { background:#767676 no-repeat center center;}
.now_page_btn2 a em,.now_page_btn2 a {color:#fff; font-size:16px; font-weight:normal; font-style:normal;}
.now_page_btn2 a:hover em ,.now_page_btn2 a:hover{  color:#fff;}

.now_page_btn3 { padding:15px 0px 20px 0px;}
.now_page_btn3 a { background:#2b2a2a no-repeat center center; padding:10px 20px 10px; width:auto; text-align:center; text-decoration:none;}
.now_page_btn3 a:hover { background:#767676 no-repeat center center;}
.now_page_btn3 a em,.now_page_btn3 a {color:#fff; font-size:15px; font-weight:normal; font-style:normal;}
.now_page_btn3 a:hover em ,.now_page_btn3 a:hover{  color:#fff;}

/*slider*/
#now_slider { width:940px; height:auto; margin:0px auto 0px; padding:215px 0px 20px; overflow: hidden; /*padding:6px; background:#343434; border:1px solid #525252;*/}
#now_slider.no_bg {background:none; padding-bottom:10px; margin-bottom:30px; height:auto;} 
#slider-wrapper {}
#slider { /*width:886px; */padding:0; margin:00px auto 0px; }
#slider h1 { font: bold 30px 'Raleway', Arial, Helvetica, sans-serif; color:#fff; padding:0; margin:0; }
#slider .flash_slider { width:100%; height:470px; margin:0px auto 0; overflow:hidden; }
#slider-wrapper #piecemaker, .bannerholder {  margin-top:0px;}

#now_break { width:940px; height:auto; margin:0px auto 0px; padding:180px 0px 0px; overflow: hidden; /*padding:6px; background:#343434; border:1px solid #525252;*/}


/* social */
.social { margin:8px 0px 0px; padding:0px 0 3px 0px; float:none;  }
.social_text { padding:3px 0px 10px 0px; color:#9e9d9d; font-size:12px;text-align:left;  font-weight:normal; font-style:normal; display:none;}
.social img {height:16px; width:16px; margin-right:0px;}
.social1 { background:url(/20220410013529oe_/https://www.ort.cuhk.edu.hk/dancemedicine/images/social.png); }
.social2 { background:url(/20220410013529oe_/https://www.ort.cuhk.edu.hk/dancemedicine/images/social-02.png); }
.social3 { background:url(/20220410013529oe_/https://www.ort.cuhk.edu.hk/dancemedicine/images/social-03.png); }
.social4 { background:url(/20220410013529oe_/https://www.ort.cuhk.edu.hk/dancemedicine/images/social-04.png); }
.social5 { background:url(/20220410013529oe_/https://www.ort.cuhk.edu.hk/dancemedicine/images/social-05.png); }
.social6 { background:url(/20220410013529oe_/https://www.ort.cuhk.edu.hk/dancemedicine/images/social-06.png); }
.social7 { background:url(/20220410013529oe_/https://www.ort.cuhk.edu.hk/dancemedicine/images/social-07.png); }
.social8 { background:url(/20220410013529oe_/https://www.ort.cuhk.edu.hk/dancemedicine/images/social-08.png); }
.social9 { background:url(/20220410013529oe_/https://www.ort.cuhk.edu.hk/dancemedicine/images/social-09.png); }
.social10{ background:url(/20220410013529oe_/https://www.ort.cuhk.edu.hk/dancemedicine/images/social-10.png); }
.social11{ background:url(/20220410013529oe_/https://www.ort.cuhk.edu.hk/dancemedicine/images/social-11.png); }
.social1:hover { background:url(/20220410013529oe_/https://www.ort.cuhk.edu.hk/dancemedicine/images/social_a.png); }
.social2:hover { background:url(/20220410013529oe_/https://www.ort.cuhk.edu.hk/dancemedicine/images/social_a-02.png); }
.social3:hover { background:url(/20220410013529oe_/https://www.ort.cuhk.edu.hk/dancemedicine/images/social_a-03.png); }
.social4:hover { background:url(/20220410013529oe_/https://www.ort.cuhk.edu.hk/dancemedicine/images/social_a-04.png); }
.social5:hover { background:url(/20220410013529oe_/https://www.ort.cuhk.edu.hk/dancemedicine/images/social_a-05.png); }
.social6:hover { background:url(/20220410013529oe_/https://www.ort.cuhk.edu.hk/dancemedicine/images/social_a-06.png); }
.social7:hover { background:url(/20220410013529oe_/https://www.ort.cuhk.edu.hk/dancemedicine/images/social_a-07.png); }
.social8:hover { background:url(/20220410013529oe_/https://www.ort.cuhk.edu.hk/dancemedicine/images/social_a-08.png); }
.social9:hover { background:url(/20220410013529oe_/https://www.ort.cuhk.edu.hk/dancemedicine/images/social_a-09.png); }
.social10:hover{ background:url(/20220410013529oe_/https://www.ort.cuhk.edu.hk/dancemedicine/images/social_a-10.png); }
.social11:hover{ background:url(/20220410013529oe_/https://www.ort.cuhk.edu.hk/dancemedicine/images/social_a-11.png); }

.p404 h2,.p404 h2 em.p404_h2_second_color{ font-size:50px; color:#afb911;  text-align:center; margin:40px auto 0; line-height:1.2em;  background:none; font-style:normal;}
.p404 h2 span,.p404 h2 span em.p404_h2_second_color{ font-size:36px;  color:#787878; text-align:center; margin:10px auto 0; line-height:1.2em; }
.p404 p,.p404 a{ font-size:24px; color:#B4B4B4; text-align:center; padding:80px 0 60px; line-height:1.2em; }
.p404 p span { font-size:24px; display:block; text-align:center; margin:20px auto; line-height:1.2em; }
.p404 h2,
.p404 .btn { margin-bottom:0; }
.p404 .content_box { margin-bottom:40px; }
/* Slider */

/* content */
.content { margin: 0px; padding:30px 0 30px; width: 100%;}
.content_resize { margin: 0px; width: 100%; padding: 0px; }

.content1 { margin: 0px; padding:30px 0 30px; width: 100%; background:#f7fbfd;}


.h2_href_fr a span{color:#fff; font-size:10px; font-weight:normal; padding:3px 8px; text-transform:uppercase;}
.h2_href_fr a:hover span{background:#f04e38;}





.backgr { background:#0b0b0b;}
.backgr:hover {background:#afb911;}
.backgr h3 {padding:10px 15px; font-size:14px;}
.backgr h3 a span{ color:#999999; font-size:14px; font-style:normal;}
.backgr:hover h3 a span,.backgr:hover h3 a:hover span,.backgr:hover p{ color:#2d2d2d; }

/*4cols*/
.cols4 { margin:0 auto; width:100%; padding:0; text-align:left; }
.col4 { width: 24%; margin:0 10px 0 0; float:left; padding:0;  }
.col4.big { width:220px;}
.col4.last { margin-right:0; }
.cols4.bg {background:url(/20220410013529oe_/https://www.ort.cuhk.edu.hk/dancemedicine/images/cols4_bg.png) repeat-y top left; padding:10px 0;}

#slider1 .col4 { width: 220px; margin:0 20px 0 0; float:left; padding:0;  }


/*3cols*/
.cols3 { margin:0px auto 0px; width:100%; padding:0; text-align:left; }
.col3 { width: 32%; margin:0 16px 0 0; float:left; padding:0;  }
.col3.big { width:296px; }
.col3 p { margin:0; padding:0; }
.col3.last { margin-right:0; }

#slider2 .col3 { margin-right: 35px; width: 290px; }
.cols3.dif .col3 { margin-right: 12px; width: 32%; }
.cols3.dif .col3.last { float: left; }


/*2cols*/
.cols2 { margin:0px auto 0; width:100%; padding:0; text-align:left; }
.col2 { width: 45%; margin:0 10px 0 0; float:left; padding:0; }
.col2.last { float:right; margin-right:0;  }
.col2.big { width: 45%;}
.col2.big .pic img { width: 100%; height: auto; }
.col2.big2 { width:460px;}


/*1cols*/
.cols1 { margin:0px auto 0; width:100%; padding:0; text-align:left; }
.col1 {  margin:0 0 0 0; padding:0; }
.col1.last { float:right; margin-right:0;  }

/*.col1,.col2,.col3,.col4 {background:#fff; border:1px solid #eaeaea;}/**/




.cols_bg_post .post_detail a {  background:#efefef;  padding:10px; display:block; }
.cols_bg_post .post_detail a em {color:#8e8e8e; font-weight:bold;}
.cols_bg_post:hover .post_detail a { background:#afb911;}
.cols_bg_post:hover .post_detail a em {color:#fff;}

.cols_border {padding-bottom:5px; margin-bottom:15px; border-bottom:2px solid #e5e5e5;}
.cols_border:hover {border-bottom:2px solid #afb911;}

.cols_no_bg {border:none; background:none;}


/*h3.h3_act_href*/
.div_h3_act_href { clear:both; text-align:left; display:block; padding:0px 0px 10px 60px; margin:0px 0 0; background: url(/20220410013529oe_/https://www.ort.cuhk.edu.hk/dancemedicine/images/ico.png) no-repeat top left; }
.div_h3_act_href a span,
.div_h3_act_href a{ color:#474747; text-decoration:none; text-transform:none;font-weight:bold;  }
.div_h3_act_href a:hover span,
.div_h3_act_href a:hover em,
.div_h3_act_href a:hover{color:#afb911; text-decoration:none;  }
.div_h3_act_href a em {font-style:normal;}

.div_h3_act_href h3 {padding:0; margin-bottom:15px;}
.div_h3_act_href p {margin: 0; padding:0; }


.div_h3_act_href.ico_1{background-image:url(/20220410013529oe_/https://www.ort.cuhk.edu.hk/dancemedicine/images/ico.png) ;}
.div_h3_act_href.ico_2{background-image:url(/20220410013529oe_/https://www.ort.cuhk.edu.hk/dancemedicine/images/ico-02.png) ;}
.div_h3_act_href.ico_3{background-image:url(/20220410013529oe_/https://www.ort.cuhk.edu.hk/dancemedicine/images/ico-03.png) ;}
.div_h3_act_href.ico_4{background-image:url(/20220410013529oe_/https://www.ort.cuhk.edu.hk/dancemedicine/images/ico-04.png) ;}
.div_h3_act_href.ico_5{background-image:url(/20220410013529oe_/https://www.ort.cuhk.edu.hk/dancemedicine/images/ico-05.png) ;}
.div_h3_act_href.ico_6{background-image:url(/20220410013529oe_/https://www.ort.cuhk.edu.hk/dancemedicine/images/ico-06.png) ;}
.div_h3_act_href.ico_1:hover{background-image:url(/20220410013529oe_/https://www.ort.cuhk.edu.hk/dancemedicine/images/ico_a.png) ;}
.div_h3_act_href.ico_2:hover{background-image:url(/20220410013529oe_/https://www.ort.cuhk.edu.hk/dancemedicine/images/ico_a-02.png) ;}
.div_h3_act_href.ico_3:hover{background-image:url(/20220410013529oe_/https://www.ort.cuhk.edu.hk/dancemedicine/images/ico_a-03.png) ;}
.div_h3_act_href.ico_4:hover{background-image:url(/20220410013529oe_/https://www.ort.cuhk.edu.hk/dancemedicine/images/ico_a-04.png) ;}
.div_h3_act_href.ico_5:hover{background-image:url(/20220410013529oe_/https://www.ort.cuhk.edu.hk/dancemedicine/images/ico_a-05.png) ;}
.div_h3_act_href.ico_6:hover{background-image:url(/20220410013529oe_/https://www.ort.cuhk.edu.hk/dancemedicine/images/ico_a-06.png) ;}

.hover_bg_box { background:#fbfbfb; padding:5px; border:1px solid #f1f1f1;}
.hover_bg_box p,.hover_bg_box h3 {padding-left:5px; padding-right:5px;}
.hover_bg_box:hover {box-shadow:0px 0px 8px #ededed; -webkit-box-shadow: 0px 0px 8px #ededed; -moz-box-shadow:0px 0px 8px #ededed;}
.content_box { padding:0; margin-bottom:30px; width:900px; }
.content_box.padding {  }

.content_full_size { /*background:#fff;  margin-bottom:20px; padding:39px;/**/ }
.content_full_size p,.content_full_size h3{ /*padding-left:20px; padding-right:20px;/**/}
.content_full_size.no_padding p,.content_full_size.no_padding h3{/* padding-left:0; padding-right:0;/**/}

/*centercol*/
.centercol { width: 100%; float:left; padding:0; }
.centercol.last {float:right;}
/*sidebar*/
.sidebar {width: 100%; padding:0; float:left;  }
.sidebar_bg { /*background:#fff; border:1px solid #e9e9e9; padding:0 20px 20px; */ }
.sidebar.last { float: left; }
.sidebar h2 { text-align:left;  }
.sidebar_flickr,
.sidebar_text,
.sidebar_twit,
.sidebar_recent { margin:0px 0px 25px 0px; }
.sidebar_text { }
.sidebar_twit p { padding:0 0 10px 30px ; background:url(/20220410013529oe_/https://www.ort.cuhk.edu.hk/dancemedicine/images/twitter_li.png) no-repeat top left; }
.sidebar_twit a { display:block;  color:#a4a4a4; font-size:11px; font-style:italic; }
.sidebar_recent img {float:left; margin:0 10px 10px 0; padding:2px; background:#fff; border:1px solid #d4d4d4; }
.sidebar_recent a:hover img { border:1px solid #000; }
.sidebar_recent p { padding:0px 0 10px; }
.sidebar_recent a { display:block; font-style:normal; text-decoration:none; text-decoration:none; }
.sidebar_recent span { display:block; color:#989898; font-style:normal; font-size:11px;  }

.recent_post { clear:both; padding:10px 0;}



/*columns*/
.columns { margin:00px auto 0px; padding:0; width:100%; }
.users_list { margin:0 auto; }
.users_list img { float:left; margin:5px auto; }
.users_list p,
.users_list h3 { float:right; width:80%; margin:5px 0 5px; padding:0; }

a.more { color:#8b8b8e; font-weight: normal; text-decoration: none; }
/*sub_page_about*/
.about_span { padding:0 0 0 40px; background:url(/20220410013529oe_/https://www.ort.cuhk.edu.hk/dancemedicine/images/qoute.png) no-repeat top left; }
/*sub_page_portfolio*/
.sub_page_portfolio h3 { margin:5px 0 10px; padding:0; color:#656566; font-size:13px; font-weight:bold; text-transform:none; margin-top:10px; }
.sub_page_portfolio h3 a { color:#656566; text-decoration:none; font-weight:bold; }
.sub_page_portfolio h3 a:hover { color:#d67732; text-decoration:none; font-weight:bold; }
/*4cols*/
.col_boxes_4 { margin:20px auto 20px; width:100%; padding:0; text-align:left; }
.col_box_4 { width:229px; margin:0 31px 0 0; float:left; padding:0; }
.col_box_4.first { width:200px; }
.col_box_4.last { float:right; margin-right:0; }
.col_box_4 h2 { margin-bottom:0; padding:0; }
.users { margin:20px 0 0; }
.users h3 { margin:10px 0 0; padding:0; font-size:12px; font-weight:bold; color:#313131; }
.users_img { float:left; margin:10px 0 0; padding:3px 4px 15px; background:url(/20220410013529oe_/https://www.ort.cuhk.edu.hk/dancemedicine/images/user_bg.png) no-repeat top left; }
.user_descr { float:right; width:396px; padding:0; line-height:20px; }
/*sub_page_blog*/
.post h3 { padding-bottom:0;  margin-bottom:0; }
.post h3 a,
.post h3 a:hover {  }

.post h2 {margin-bottom:0; }
.post h2 a{ font-weight:bold;}

.post .pic { margin:0 0 20px; }
.post_detail { color:#a4a4a4; font-style:normal; padding:0; font-size:11px; font-weight:normal; margin:5px 0 15px 0px; }
.post_detail a { font-size:11px; color:#a4a4a4; font-weight:bold; font-style:normal; text-decoration:none; }
.post_detail a:hover { font-size:11px; color:#a4a4a4; text-decoration:none; }
.post_date {  color:#fff; font-style:normal; font-weight:normal; font-size:18px; float:left; text-align:center; padding:8px 15px; background:#afb911; border-top:3px solid #353535; margin:0 20px 20px 0; display:none;}
.post_date span { color:#fff; font-style:normal; font-weight:normal; font-size:12px; display:block; margin-top:5px; padding:5px 3px 0; text-align:center; border-top:1px solid #fff; }


.post_detail a.read_more:hover { color:#afb911; font-style:normal; font-weight:normal; }
/*pagination*/
.pagination { margin:0; float:none; padding:10px 10px 00px 0; width:100%; text-align:left; font-weight:normal; }
.pagination a { padding:5px 8px; color:#939393; font-weight:normal; text-decoration:none; background:none; border:transparent; }
.pagination a:hover { padding:5px 8px; text-decoration:none; background:#222222; color:#939393; border:transparent; }
.pagination span.current_page { padding:5px 8px; color:#fff; background:#afb911; border:transparent; }
.pagination span.count_pages { margin-left:11px; padding:5px 8px 5px 8px; background:#222222; color:#939393; border:transparent; }
/*navigation*/
.navigation { margin:0 auto 20px; padding:8px 0 10px 0; width:900px; }
.navigation a { padding:2px 4px; color:#656563; font-size:11px; text-decoration:none; font-weight:normal; }
.navigation a:hover { color:#656566; }
.navigation span.current { color:#656566; padding:0; font-size:11px; }
.navigation span.text { color:#c3c3c3; padding:0; font-size:12px; }
/*sub_page_contact*/

/*form Contact_us*/
#contactform_main { margin:0; padding:5px 0 5px ; }
#contactform_main * { color:#8b8b8e; }
#contactform_main ol { margin:0; padding:0; list-style:none; }
#contactform_main li { margin:0; padding:0; background:none; border:none; display:block; clear:both; }
#contactform_main li.buttons { margin:5px 0 5px 0; clear:both; }
#contactform_main label { margin:0; width:60px; padding:6px 0; text-transform:none; float:left; font-weight:normal; color:#8b8b8b; }
#contactform_main label .ness { color:#656566; }
#contactform_main label span { color:#8b8b8b; }
#contactform_main input.text { width: 60%; border:1px solid #d3d3d3; margin:5px 0; padding:5px 2px; height:16px; background:#ffffff; float:left; font-size:12px; color:#8b8b8e; }
#contactform_main textarea { width: 72%; border:1px solid #d3d3d3; margin:4px 0; padding:5px 2px; background:#ffffff; float:left; font-size:12px; color:#8b8b8e; }
#contactform_main li.buttons input { padding:2px 10px 4px 10px; margin:10px 0 0 60px; border:0; color:#FFF; float:left; background:#afb911; font-size:14px; font-weight:bold; }


/*coments*/
#coment { overflow:hidden; margin:20px 0px; padding-bottom:10px; }
#coment img { float:left; margin-right:20px; }
#coment h3 { margin:0; padding:0; }
#coment .podpis { float:left; margin:5px 0; width:74%; }
#coment .podpis a { margin-left:10px; }
#coment2 { overflow:hidden; margin:10px 20px 00px 30px;  padding-bottom:10px; }
#coment2 img { float:left; margin-right:20px; }
#coment2 h3 { margin:0; padding:0; }
#coment2 .podpis { float:left; margin:5px 0; width:71%; }
#coment2 .podpis a { margin-left:10px; }
#coment3 { overflow:hidden; margin:10px 20px 00px 80px;  padding-bottom:10px; }
#coment3 img { float:left; margin-right:20px; }
#coment3 h3 { margin:0; padding:0; }
#coment3 .podpis { float:left; margin:5px 0; width:68%; }
#coment3 .podpis a { margin-left:10px; }
#coment3 .lin { border-top:1px solid #c8c8c8; margin-top:20px; }


.pic img {/*padding:3px; background:#fbfbfb; border:1px solid #e5e5e5;/**/}
.pic a:hover img {/* border:1px solid #c5c5c5;/**/} 
.pic img.h {background:none;}
.pic img {margin-bottom:0px; max-width: 100%; height: auto; }
.pic a {margin-bottom:0px;}
.pic.fl { margin:5px 20px 20px 0; }
.pic.fr { margin:5px 0 20px 10px; }
/*
.btn { margin:2px 0 0;  padding:10px 0px 0; text-align:center; }
.btn a { font-size:14px; color:#afb911; text-transform:uppercase; height:33px;  padding:10px 15px 10px; background:url(/20220410013529oe_/https://www.ort.cuhk.edu.hk/dancemedicine/images/btn_bg.png) repeat-x top center; border:1px solid #ececec; font-weight:bold; }
*/
p.btn { margin-top:10px;text-align:center; width:82px; height:27px; padding-top:3px; background:url(/20220410013529oe_/https://www.ort.cuhk.edu.hk/dancemedicine/images/btn.png) no-repeat top left; }
p.btn a{  padding:0px 15px 11px 15px; color:#939292; font-size:11px; text-transform:none;   }
p.btn:hover {background-image:url(/20220410013529oe_/https://www.ort.cuhk.edu.hk/dancemedicine/images/btn_a.png);}
p.btn a em,p.btn a:hover em { font-style:normal; color:#939292;}
p.btn a:hover,p.btn:hover a em,p.btn a:hover em { color:#fff; }

p.btn.tac {margin:10px auto;}
/*-----------------------------.img_hover_box.pic
---------1-icon
<div class="pic img_hover_box 1_ico"><a href="#" class="prettyPhoto" rel="prettyPhoto[id]"> <img src="images/spacer.png" onload="get_img(290,176,1,'soc','c',this);"/><div class="img_hover_overlay"><div class="r_plus"></div></div></a></div>
---------2-Icons
<div class="pic img_hover_box 2_ico"><a href="#" class="prettyPhoto" rel="prettyPhoto[id]"> <img src="images/spacer.png" onload="get_img(290,176,2,'soc','c',this);"/><div class="img_hover_overlay"><div class="r_plus pos_left"></div></div></a><a href="#"><div class="r_plus pos_right"></div></a></div>
*/

.img_hover_box.pic { display: block; position: relative; }
.img_hover_box.pic .img_hover_overlay { position: absolute; top: 0; left: 0; visibility:hidden;  border:none; width:100%; height:100%; padding:0; }
.img_hover_box.pic:hover .img_hover_overlay { visibility:visible;}

.img_hover_box.pic .r_plus { position: absolute; top: 50%; left: 50%; visibility:hidden;  border:none; opacity:0.8; margin:0;}
.img_hover_box.pic .r_plus:hover {opacity:1;}
.img_hover_box.pic:hover .r_plus { visibility:visible; }

.img_hover_box.pic .img_hover_overlay { background:url(/20220410013529oe_/https://www.ort.cuhk.edu.hk/dancemedicine/images/img_overlay.png) repeat;}
.img_hover_box.pic .r_plus { background:url(/20220410013529oe_/https://www.ort.cuhk.edu.hk/dancemedicine/images/img_hover.png) no-repeat;}
.img_hover_box.pic .r_plus.pos_right { background:url(/20220410013529oe_/https://www.ort.cuhk.edu.hk/dancemedicine/images/img_hover_link.png) no-repeat;}

.img_hover_box.pic .r_plus {height:25px; width:25px; margin:-12px 0 0 -12px; }
.img_hover_box.pic .r_plus.pos_left {margin-left:-27px; }
.img_hover_box.pic .r_plus.pos_right {margin-left:2px; }

/*.img_hover_box.pic a img.r_plus_overlay {padding:3px; }
.pic a img {padding:3px; background:#fff; border:1px solid #e9e9e9;}
/**/


/* gallery-categ */
.gallery-categ { margin:0; padding:0;}
.gallery-categ li { padding:0; float:left; border-right:1px solid #CCC;}
.gallery-categ li.label.black { color:#fff; padding:1px 8px; background:#3e3e3e; border:1px solid #3e3e3e; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; }
.gallery-categ li:last-child { border-right:0;}
.gallery-categ li a { font-weight:normal; display:block; padding:2px 10px; color:#989898;}
.gallery-categ li.active a { text-decoration:none; font-weight:bold; color:#afb911;}

/*4cols_gallery*/
.col44 { width:215px; float:left;margin-right:20px; position:relative; top:0px; margin-top:20px; padding-bottom:10px;}
.col44 h3 { position:relative; bottom:0px; /*margin-bottom:0px;/**/}
.col44 a img { margin-top:0px;}
.col44.last { float:right; margin:0; margin-right:0px;}
.col44.invisible-box { display: none; opacity: 0;  z-index: 1;}

/*detail a*/
p.detail { margin-top:10px;}
.detail a,a.detail {color:#b3b3b3; font-size:12px; text-align:left; font-weight:normal; text-transform:none; display:block;  }
.detail a:hover,a.detail:hover {color:#afb911; text-decoration:none;}
.detail a em, a.detail em {font-style:normal;}

/*note*/
.note {margin:0 auto; padding:0; clear:both;}
.note p { font-size:24px; color:#333333; font-weight:bold; text-align:center; line-height:1.5em; }/**/
.note p span { display:block; margin-top:0px; font-size:14px; color:#989898; font-weight:normal; }


.note .pic {margin-right:0;}
.note.small {width:600px; margin:0 auto; padding:0;}
.note.small p{width:530px;}

/* search */
.search { margin:35px 0px 0 0; float:right; padding:00px 0 0 0; width:205px; height:32px; }
.search form { margin:0; padding:0; width:auto; }
.search label {float:left; padding:5px 10px 0 0; color:#666666; text-transform:uppercase;}
.search span { display:block; margin:0; padding:0; float:left; background:url(/20220410013529oe_/https://www.ort.cuhk.edu.hk/dancemedicine/images/search_bg.png) no-repeat left top; }
.search input.editbox_search { margin:0; padding:3px 10px 7px; float:left; width:120px; height:22px; font-size:12px; line-height:16px; color:#a1a1a1; background:none; border:none; }
.search input.button_search { margin:0; padding:0; border:none; float:left; }


.testom {}
.testom p {padding:30px 0 10px; background:url(/20220410013529oe_/https://www.ort.cuhk.edu.hk/dancemedicine/images/quote.png) no-repeat left top;}
.testom a {text-align:left; display:block;  font-size:13px; margin-top:5px; font-weight:bold;  }
.testom a,.testom a em { color:#636363;  font-style:normal; }
.testom a:hover,.testom a:hover em {color:#afb911; }
.testom a span {color:#bebdbd; font-size:11px; display:block; font-weight:normal;}

.tweet_list li a { text-decoration:none; color:#afb911; }



.small{}

/*.cols_padding p{padding:20px; background:#fff;}/**/

.accordion {width: 100%; } 
.accordion h3 { background:url(/20220410013529oe_/https://www.ort.cuhk.edu.hk/dancemedicine/images/+.png) no-repeat left; padding: 15px 15px 15px 40px;   margin: 0; border-top: solid 1px #ebebeb; cursor: pointer; } 
.accordion h3.first { border-top: none; } 
.accordion h3:hover { } 
.accordion h3.active { background:url(/20220410013529oe_/https://www.ort.cuhk.edu.hk/dancemedicine/images/-.png) no-repeat left; } 
.accordion p { margin: 0; padding: 10px 0px 10px 40px; } 

.ul_list {}
.ul_list ul{}
.ul_list li{ padding:10px 0; /*border-top:1px solid #545454;*/}
.ul_list li.first{  border-top:none; padding-top:0;}
.ul_list li a{color:#a9a9a9;font-size:12px;}
.ul_list li a:hover{color:#afb911; text-decoration:none; }
.ul_list li span {display:block; padding:0px 0 0 8px; color:#afb911; font-size:11px;}

/* prefooter */

.prefooter { margin:0 auto;  width:100%; padding:0px 0 0; background:#484848;   }
.prefooter_resize { width: 100%; margin: 0; padding:30px 0px 30px; }
.prefooter .fcol { margin:0 12px 0 0; float:left; width: 24%; padding:0; }
.prefooter .fcol p,.prefooter .fcol li { color:#a9a9a9; /*font-size:11px; /**/ }
.prefooter .fcol.pop_posts p { padding:0 0 20px 0px ;}
.prefooter .fcol.pop_posts h3 { padding:0px 0 0px 0px ;}
.prefooter .fcol.pop_posts h3 span{padding-bottom: 0px ;}
.prefooter .fcol.last { margin-right:0; }

.prefooter h2 { margin:10px 0 20px;  background:none; width:100%; text-align:left; }
.prefooter h2 span { font-weight:normal;}
.prefooter h2 span em.dark {font-weight:bold;color:#ffffff;/**/ font-style:normal; }

.prefooter #contactform { margin:0; padding:0px 0; }
.prefooter #contactform * {  }
.prefooter #contactform ol { margin:0; padding:0; list-style:none; }
.prefooter #contactform li { margin:0; padding:0; background:none; border:none; display:block; clear:both; }
.prefooter #contactform li.buttons { margin:5px 0 5px 0; clear:both; }

.prefooter #contactform input.text { width:186px; margin:0 0 5px 0; padding:5px 2px; height:15px; background:#ffffff; float:left; font-size:12px; color:#868686; }
.prefooter #contactform textarea { width:186px; margin:0 0 4px 0; padding:3px 2px; background:#ffffff; float:left; font-size:12px; color:#868686; }
.prefooter #contactform li.buttons input { padding:0 0 3px 0; margin:5px 0 0 0px; border:0; color:#FFF; float:left; }

.prefooter .logo p {display:block; margin:5px 0 0 0; padding:0; float:none;}
.prefooter .logo {float:none; padding:0 0 20px;}
.prefooter .logo div a,
.prefooter .logo div span,
.prefooter .logo div a:hover{color:#fff;}

/* footer */
.footer {margin:0 auto; width:100%; padding:0px 0 0;height:60px; background:#515151;}
.footer_resize { width: 100%; margin:0; padding:0px 0 0px ; }
.footer a,.footer a em {font-style:normal; color:#797979; }
.footer p { text-align:left; padding-top:20px; color:#797979; float:left;}
.footer_text {float:right; padding-top:20px; font-size:14px; color:#fff;}

.footer .logo {float:right; padding-top:0px;}
.footer .logo div {color:#333333;}
.footer .menu { padding:0 0 5px;}
.footer ul.menusm li ul {display:none;}
.footer ul.menusm li ul li{display:none;}
.footer .menu ul li a.ms_top span {padding:2px 10px 2px 10px; color:#a2a2a2;}
.footer .menu ul li a.ms_top.ms_hover span,.footer .menu ul li a.ms_top.active span {color:#333333;}
.footer .menu ul li.ms_top {background:none; border-right:1px solid #ebebeb;}
.footer .menu ul li.ms_last {border-right:none;}
.footer .menu ul li a.ms_top.ms_first span {padding-left:0;}


.flickr img { margin:2px 4px 0 0; /*border:1px solid #494949;/*padding:3px; background:#fff; /**/}
.flickr a:hover img {/* background:#d5d5d5;/**/ /*border:1px solid #31302f;/**/}

.no_border {border:none;} 
.no_bg {background:none;}

.no_margin_top {margin-top:0;}
.no_margin_bottom {margin-bottom:0;}

.no_padding {padding:0;}
.no_padding_top {padding-top:0;}
.no_padding_bottom {padding-bottom:0;}

/* footer */
#slider2.edd img { width: 100%; height: auto; }
.slider2.edd .img_hover_box.pic .img_hover_overlay { width: 98%; }
.header_resize.add { padding-top: 20px; }
.right { float: right; }
.centercol.wel .img_hover_box.pic .img_hover_overlay { width: 98.7%; }
.container #coment img { width: auto; }
.container #coment2 img { width: auto; }
.container #coment3 img { width: auto; }
.two { display: none; }
.content_resize.adder .col2.last { float: right; }
.content_resize.adder .img_hover_box.pic .img_hover_overlay { width: 98.5%; }
.content_resize.adder2 .img_hover_box.pic .img_hover_overlay { width: 96%; }
.change img { width: 100%; height: auto; }
.change h1 { color: #fff!important; text-align: left; }
.change.some h1 span { display: inline; color: #fff;}
.change.some h3 { color: #fff!important; }
.change.some h2 { margin-top: 3px!important; text-align: center!important; font-size: 20px!important; line-height: 30px!important; font-weight: bold!important; color: #fff!important; }
.change.some h1 { margin-top: 3px!important; text-align: center!important; font-size: 20px!important; line-height: 30px!important; font-weight: bold!important; color: #fff!important; }
.change.some .col2 { width: auto; float: none; }
.change.some .col3 { width: auto; float: none; }
.change.some .col4 { width: auto; float: none; }
.change.some .header_row_2 h2 { color: #474747!important; }
.change.some  h1.left { text-align: left!important; }
.product img { width: 100%; height: auto; }
.code { padding: 0 12px; width: auto; }
.code h1 { padding: 20px 0 10px 20px; text-align: left; font-size: 24px; color: #fff!important; font-weight: bold; }
.code h3 { font-weight: bold!important; }
.code img { width: 100%; height: auto; }
.index_page h1 {text-align: left; }
.index_page .now_page_resize { padding-left: 0px; }
.centercol .pic img { width: 100%; height: auto; }
.maps_view { width:100%; height:350px; float:left; position:relative; margin-bottom: 15px; }
.content_resize.adit img { width: 100%; height: auto; }
#slider-wrapper object { width: 100%; }
iframe.wid5 { height: 400px; width: 100%; }
iframe.wid6 { height: 550px; width: 100%; }
iframe.wid7 { height: 400px; width: 100%; }
iframe.wid8 { height: 500px; width: 100%; }
.bannerwid1 { width: 960px; margin:0 auto; padding: 20px 0 20px 0; }


#mailform-subscribe {
	color: #fff;
	padding: 20px 15px;
	text-shadow: 1px 1px #111;
}
#mailform-subscribe input {
	font-size: 13px;
	margin-bottom: 10px;
	padding: 6px 10px;
	border-radius: 6px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border:1px solid #cccccc;
}
#mailform-subscribe input.email {
	background: #fff url(/20220410013529oe_/https://www.ort.cuhk.edu.hk/dancemedicine/images/mailform-subscribe.png) no-repeat 10px center;
	padding-left: 32px
}
#mailform-subscribe input[type="submit"] {
	margin: 3px;
	background-color: #999;
	border-bottom: 1px solid rgba(0,0,0,0.25);
	border-radius: 5px;
	color: #ffffff!important;
	text-shadow: 1px 1px #666;
	cursor: pointer;
	display: inline-block;
	padding: 5px 10px 6px;
	position: relative;
	text-decoration: none;
	font-size: 12px;
	line-height: 1;
}
#mailform-subscribe input[type="submit"]:hover {
	background-color: #AAA;
	color: #fff;
}
#mailform-subscribe input[type="submit"]:active {
	top: 1px
}
.responsive {
  max-width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}

h4 { font-size:40px; font-weight:bold; color:#663366; font-family: 'Raleway',Helvetica,Verdana,Arial,sans-serif; text-align:left; text-transform:none; background:none;line-height:1em; }
h5 { font-size:40px; font-weight:bold; color:#663366; font-family: 'Raleway',Helvetica,Verdana,Arial,sans-serif; text-align:center; text-transform:none; background:none;}
h6 { font-size:20px; color:#663366; font-family: 'Raleway',Helvetica,Verdana,Arial,sans-serif; text-align:left; text-transform:none; background:none;}

.topic1 {
	font-size:40px; font-weight:bold; color:#663366; font-family: 'Raleway',Helvetica,Verdana,Arial,sans-serif; line-height:2em;
}
.topic1 a {color:#663366; font-weight:bold;}


.topic2 {
	font-size:80px; font-weight:bold; color:#663355; font-family: 'Raleway',Helvetica,Verdana,Arial,sans-serif; line-height:1em;
}

.blog {
  float:left; 
  padding:0px 10px 20px 10px;
  position: relative;

}
.blogpic {
  filter: brightness(40%);
}

.blogpic img:hover {
    transform: scale(1.03);
    filter: brightness(70%);
}
.blogpost {
  border: 1px solid #B1E3B3;
  padding: 80px;
}
.blogdate {
	font-family:'Raleway',Helvetica,Verdana,Arial,sans-serif; font-size:14px;  padding-bottom: 30px;
}
.blogdate a{
	text-decoration:none;
}
.blogtopic {
	font-family:'Raleway',Helvetica,Verdana,Arial,sans-serif; font-size:30px;  line-height:1.2em; font-weight:bold; padding-bottom: 30px;
}
.blogauthor {
	font-family:'Raleway',Helvetica,Verdana,Arial,sans-serif; font-size:18px;  line-height:1.5em; padding-bottom: 30px;
}
.blogarticle {
	font-family:'Raleway',Helvetica,Verdana,Arial,sans-serif; font-size:18px;   padding-bottom: 30px;
}
.topl {
  font-size:12px;
  line-height:1.5em;
  color: white;
  position: absolute;
  top: 25px;
  left: 26px;
}

.bottoml {
  font-size:20px;
  line-height:1.4em;
  color: white;
  position: absolute;
  bottom: 50px;
  left: 26px;
  margin-right: 70px;
}

.bottoml a{
  color: white;
  text-decoration:none;
}

.bottoml a:hover{
  color: #505050;
}




.eventtopic {
	font-size:18px; font-weight:bold; color:#663355; font-family: Verdana,Arial,sans-serif; line-height:1.2em; padding:10px 0 30px 0;
}
.eventtit { 
	font-family: 'Raleway',Helvetica,Verdana,Arial,sans-serif; font-size: 34px; font-weight:bold; color:#000000; text-align:left; text-transform:none; background:none; padding:30px 10px 50px 0; line-height:1.4em; float:left;
}
.eventpic { 
	padding:20px 0px 0px 0px;  
}
.eventarticle {
	font-family:'Raleway',Helvetica,Verdana,Arial,sans-serif; font-size:15px; 	color: #000000; text-align:justify; line-height:1.5em; padding: 0px 10px;
}
.eventarticle2 {
	font-family:'Raleway',Helvetica,Verdana,Arial,sans-serif; font-size:15px; 	color: #000000; line-height:1.5em; padding: 0px 10px;
}
.eventtime {
	font-family:'Raleway',Helvetica,Verdana,Arial,sans-serif; font-size:18px; 	color: #000000; line-height:1.5em; padding: 0px 10px;
}
.eventarticle3 {
	font-family:'Raleway',Helvetica,Verdana,Arial,sans-serif; font-size:15px; 	color: #000000; text-align:justify; line-height:2em; padding: 0px 10px;
}
.eventarticle4 {
	font-family:'Raleway',Helvetica,Verdana,Arial,sans-serif; font-size:15px; 	color: #000000; text-align:center; line-height:2em; padding: 0px 10px;
}

.hkadmsbreak { height:10px;}
.hkadmsbreak2 { height:20px;}

.hkadmsarticle {
	font-family:'Raleway',Helvetica,Verdana,Arial,sans-serif; font-size:15px; 	color: #000000; line-height:1.5em; padding: 0px 10px;
}
.hkadmsarticle2 {
	font-family:'Raleway',Helvetica,Verdana,Arial,sans-serif; font-size:14px; 	color: #000000; line-height:1.5em;
}
.hkadmsarticletable {
	font-family:'Raleway',Helvetica,Verdana,Arial,sans-serif; font-size:14px; 	color: #000000; line-height:1.5em;  
}
.hkadmsarticletable tr{
	padding:0;
}
.hkadmsarticletable tr td{
	padding:0;
}
.hkadmsfl { float:left;
			width: 680px;
			text-align:justify; 
}
.hkadmsfl2 { float:left;
			width: 400px;
			text-align:justify; padding: 0px 10px;
}
.hkadmsfl3 { float:left;
			width: 480px;
}
.hkadmsfl4 { float:left;
			width: 190px;  padding: 0px 10px;
}
.hkadmsfr { float:right; padding: 0px 10px;}
.hkadmstit {
	font-family:'Raleway',Helvetica,Verdana,Arial,sans-serif; font-size:18px; 	color: #000000; line-height:1.5em;  padding: 0px 10px;
}
.cente { Width: 50%; Margin: 0 auto; padding:10px 0;}



p {
	font-family: 'Raleway',Helvetica,Verdana,Arial,sans-serif;
    font-size: 16px;
    color:ffffff;
    font-style: normal;
    font-weight: normal;
}
.jus{
	text-align:justify;
}
.article {
	font-family:'Raleway',Helvetica,Verdana,Arial,sans-serif; font-size:16px; 	color: #000000; line-height:1.8em; text-align:justify; padding: 0px 10px; 
}
.article2 {
	font-size:13px;
}
.article3 {
	font-family:'Raleway',Helvetica,Verdana,Arial,sans-serif; font-size:21px;  line-height:1.2em; font-weight:bold; color: #163D18;
}
.article4 {
	font-size:16px;
}
.articletit {
	font-size:20px; color:#663366; font-family: 'Raleway',Helvetica,Verdana,Arial,sans-serif; text-align:left; text-transform:none; background:none;
}
.articletit a {color:#663366;}

.articletit2 {
	font-family: 'Raleway',Helvetica,Verdana,Arial,sans-serif; font-size:22px; font-weight:bold; color:#663366;  text-align:left; text-transform:none; background:none;
}
.articletit3 { 
	font-family:'Raleway',Helvetica,Verdana,Arial,sans-serif; font-size: 20px; font-weight:bold; padding:0px 0 20px; 
}
.articletit4 { 
	font-family:'Raleway',Helvetica,Verdana,Arial,sans-serif; font-size: 30px; font-weight:bold; line-height:1.2em; color: #163D18;
}
.articletit5 { 
	font-family:'Raleway',Helvetica,Verdana,Arial,sans-serif; font-size: 25px; font-weight:bold; line-height:1.4em; color: #163D18;
}
.private { 
	font-family:'Raleway',Helvetica,Verdana,Arial,sans-serif; font-size: 30px; font-weight:bold; line-height:1.2em;
}
.researchtit { 
	font-family: 'Raleway',Helvetica,Verdana,Arial,sans-serif; font-size: 28px; font-weight:bold; color:#663366; text-align:left; text-transform:none; background:none; padding:10px 0 50px 0; line-height:1.4em;
}
.link {
	font-family:'Raleway',Helvetica,Verdana,Arial,sans-serif; font-style: italic; font-size:16px; 	color: #000000; line-height:1.8em; text-align:right;
}
.inden{	padding: 100px 0 0 0 ;}
.black {color: #000000; padding:50px 0 20px}
.gray  {color: #C0C0C0; }
.white {color: #FFFFFF; }
.pur   {color: #663366; }
.green {color: #163D18; }
.appointment1 {color: #000000; padding:5px 0px 10px}
.appointment2 {font-size:12px; font-style: italic;}



/* Container holding the image and the text */
.container2 {
  position: relative;
  text-align: center;
  color: white;
}

.container3 {
  position: relative;
  overflow: hidden;
  width: 50%;
  height: 350px;
}

.container4 {
  position: relative;
  padding: 0px 80px 0px 80px;
  width: 960px;
}

.container5 {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 450px;
}
.container6 {
  float:left;
  padding: 20px 30px 40px 30px;
}
.container7 {
  height: 500px;
}
.container8 {
  height: 730px;
}
.container9 {
  height: 800px;
}

.textbox {
  text-align: center;
  color: black;
  padding: 35px 140px 25px 140px;
  background-color: #F5FCFB;
}

.textbox2 {
  float:right;
  font-family:'Raleway',Helvetica,Verdana,Arial,sans-serif; 
  text-align: center;
  color: #FFFFFF;
  margin: 40px 0 0 0;
  padding: 55px 60px 150px 60px;
  background-color: #49223B;
  position: relative;
  display: inline-block;
}

.textbox2 a{
  color: #FFFFFF;
}

.textbox2 .tooltiptext {
  visibility: hidden;
  width: 80%;
  background-color: #49223B;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 40px 20px 30px;
  
  /* Position the tooltip */
  position: absolute;
  top: 8%;
  left: 10%;
}

.textbox2:hover .tooltiptext {
  visibility: visible;
}  
.textbox2:hover {
  background-color: black;
}  

.textbox3 {
  text-align: left;
  color: black;
  padding: 40px 50px 25px 50px;
}

.textbox4 {
  text-align: left;
  color: black;
  padding: 10px 20px 10px 20px;
}

.nbutton {
  border-radius: 30px;
  background-color: #6E3358;
  border: none;
  color: white;
  text-align: center;
  font-size: 18px;
  padding: 20px 40px 20px 40px;
  transition: all 0.5s;
  cursor: pointer;
  margin: 30px 0px;
  font-family: 'Raleway', Arial, Helvetica, sans-serif;
}

.nbutton a {
	font-size: 18px;
	text-decoration: none;
	color: white;
}

.nbutton span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

.nbutton span:after {
  content: '\00bb';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
}

.nbutton:hover span {
  padding-right: 25px;
}

.nbutton:hover span:after {
  opacity: 1;
  right: 0;
}

.nbutton2 {
  border-radius: 30px;
  background-color: #163D18;
  border: none;
  color: white;
  text-align: center;
  font-size: 15px;
  padding: 15px 40px 15px 40px;
  transition: all 0.5s;
  cursor: pointer;
  margin: 30px 0px;
  font-family: 'Raleway', Arial, Helvetica, sans-serif;
}

.nbutton2 a {
	font-size: 18px;
	text-decoration: none;
	color: white;
}

.nbutton2 span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

.nbutton2 span:after {
  content: '\00bb';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
}

.nbutton2:hover span {
  padding-right: 25px;
}

.nbutton2:hover span:after {
  opacity: 1;
  right: 0;
}


/* Centered text */
.centered {
  position: absolute;
  top: 53%;
  left: 50%;
  transform: translate(-50%, -50%);
}



/* Fixed sidenav, full height */
.sidenav {
  height: 100%;
  width: 150px;
  position: fixed;
  z-index: 1;
  top: 200px;
  right: 0;
  overflow-x: hidden;
  padding: 0px 20px 0px 0px;
}

/* Style the sidenav links and the dropdown button */
.sidenav a, .dropdown-btn {
  padding: 28px 0px 40px 0px;
  text-decoration: none;
  font-size: 18px;
  color: #49223B;
  display: block;
  border: none;
  background: none;
  width:100%;
  text-align: right;
  cursor: pointer;
  outline: none;
  font-family: 'Anton', Arial, Helvetica, sans-serif;

}

/* On mouse-over */
.sidenav a:hover, .dropdown-btn:hover {
  color: #f1f1f1;
}

/* Fixed sidenav, full height */
.sidenav2 {
  height: 100%;
  width: 150px;
  position: fixed;
  z-index: 1;
  top: 40%;
  right: 60px;
  overflow-x: hidden;
  padding: 0px 20px 0px 0px;
}

/* Style the sidenav links and the dropdown button */
.sidenav2 a, .dropdown-btn {
  padding: 0px 0px 0px 0px;
  text-decoration: none;
  font-size: 18px;
  color: #49223B;
  display: block;
  border: none;
  background: none;
  width:100%;
  text-align: right;
  cursor: pointer;
  outline: none;
  font-family: 'Anton', Arial, Helvetica, sans-serif;

}

/* On mouse-over */
.sidenav2 a:hover, .dropdown-btn:hover {
  color: #f1f1f1;
}


.customer-logos2 a {

  padding: 0px 0px 0px;
  text-decoration: none;
}


.customer-logos {
  background-color: #fff;
  padding: 0 0 40px;
  
}

.customer-logos3 {
  max-width: 500px;
  height: 380px;
  margin-left: auto;
  margin-right: auto;
  
}

/* Slider */
.slick-slide {
    margin: 0px 20px;
}

.slick-slide img {
    width: 100%;
}

.slick-slider
{
    position: relative;
    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;
    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}




/* Then style the iframe to fit in the container div with full height and width */
.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}


* {box-sizing:border-box}

/* Slideshow container */
.slideshow-container {
  float:left ;
  padding-top: 40px;
  max-width: 400px;
  position: relative;
  margin: auto;
}

/* Hide the images by default */


/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -20px;
  padding: 16px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
}

/* Caption text */
.text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
  background-color: #000000;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 15;
}



/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

.space {
  height: 30px;
}